Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 24, 2016 at 11:14 am #691122
    ppi37

    Hi,
    I changed the mobile menu activation to 1024px following the enfold documentation (http://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/)
    Quick CSS
    @media only screen and (max-width: 1024px) {
    #mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
    nav.main_menu { display: none; }}
    #wrap_all {
    position: relative !important;
    }

    But between approximatively 1024px and 990px the mobile menu is activate, but the menu location still display.

    Is it a way to change it ?
    Thanks

    September 24, 2016 at 1:10 pm #691150
    Vinay

    Hey ppi37,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screem and (max-width:1024px) {
.html_header_top.html_header_sticky.html_large.html_bottom_nav_header #main {
    padding-top: 118px!important;
}}

    Best regards,
    Vinay

    September 26, 2016 at 6:11 pm #691855
    ppi37

    Hi Vinay,
    Thanks but no changes

    September 26, 2016 at 6:34 pm #691860
    Basilis

    Hi!
    Vinay had a syntax error.
    Please try the following

    @media only screen and (max-width:1024px) {
.html_header_top.html_header_sticky.html_large.html_bottom_nav_header #main {
    padding-top: 118px!important;
}}

    let us know if we can do anything else for you

    Cheers!
    Basilis

    September 26, 2016 at 6:49 pm #691868
    ppi37

    Hi Basilis,
    It seems to work perfectly now.
    Thanks a lot

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘switch to mobile menu customization’ is closed to new replies.