Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #834702

    Hi everyone,

    I’ve been using Enfold for some time now and realy love it. I’ve updated to the latest version and seem to have a problem with the mobile menu when viewed on a smartphone.

    Then mobile menu does not work properly somehow. How can we fix this?

    https://www.devq.nl

    Mobile Menu

    This is the custom CSS I’ve got that worked before:

    
    #top #wrap_all .av_header_transparency, .av_header_transparency
    #advanced_menu_toggle {
    display: none;
    }
    
    @media only screen and (max-width: 767px) {
    
    .responsive #top #wrap_all #header {
        position: fixed;
        background: transparent;
        }
    }
    
    .av_header_transparency .logo { 
           opacity: 0; 
    }
    
    .logo { 
           opacity: 1; 
    }
    
    .av_header_transparency .main_menu {
           opacity: 0; 
    }
    
    .main_menu { 
           opacity: 1; 
    }
    
    li.page_item.page-item-645  {
        display: none !important;
    }
    
    #socket .copyright {
        float: right !important;
       }
    
    • This topic was modified 6 years, 9 months ago by insanityNL.
    #834894

    Hey insanityNL,
    Have you tried removing your custom css to see if that solves it? You could add it bit by bit to find the brake point.

    Best regards,
    Mike

    #836573

    Hi Mike,

    I even deleted the css I have above and besides color, there is not much change:

    Mobile Menu

    #836587

    Problem found.
    Needed to add a Main Menu and add it to a location :D

    #836610

    oh thank you @insanityNL, that was exactly the information i needed :)

    #837860

    me too!
    thank you @insanitynl, that was exactly the information i needed :)

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.