Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • September 30, 2015 at 8:26 pm #511810
    grinshteynluba

    Please help
    Thank you

    October 1, 2015 at 8:22 am #511987
    Rikard

    Hey grinshteynluba,

    Please select to activate the mobile menu for tablets as well under Enfold–>Header–>Mobile Menu. If that should not be enough you can use the following CSS in Quick CSS:

    @media only screen and (max-width: 1024px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
}

    Adjust the value 1024 to the size of your liking.

    Best regards,
    Rikard

    October 2, 2015 at 3:20 am #512503
    grinshteynluba

    does not work sorry ((
    can not see how i can add screenshot

    October 2, 2015 at 5:47 am #512536
    grinshteynluba

    and you can see the line @media only screen and (max-width: 1160px) { nav.main_menu {display:none !important;} #advanced_menu_toggle, #advanced_menu_hide {display:block !important; } } under the socket on screen

    October 2, 2015 at 9:59 am #512657
    Rikard

    Hi,

    I have no idea where you added the code but it was not in the Quick CSS field (Enfold–>General Styling–>The box reading Quick CSS above it), I’ve added it for you and it’s working just fine. Please remove the other piece of code and you won’t see it anymore.

    Thanks,
    Rikard

    October 2, 2015 at 3:49 pm #512880
    grinshteynluba

    I delete it because it showing on the screen. Now it showing again after you put it back. And menu sill overlapping. I cleaned history.
    screenshot http://antonias.us/antoniascypress/screen/Capture.JPG
    Thank you!

    October 2, 2015 at 4:03 pm #512885
    Yigit

    Hey!

    Please refer to this post – http://kriesi.at/documentation/enfold/menu-overlaps-logo-on-tablets/

    Best regards,
    Yigit

    October 2, 2015 at 4:18 pm #512895
    grinshteynluba

    http://antonias.us/antoniascypress/screen/Capture1.JPG

    October 3, 2015 at 10:26 pm #513235
    Andy

    Hi!

    you can control when mobile menu is appearing:

    @media only screen and (min-width: 989px) {
nav.main_menu {
display: none;
}
.responsive.html_mobile_menu_tablet .container #advanced_menu_toggle, .responsive.html_mobile_menu_tablet #advanced_menu_hide {
display: block !important;
}}

    Adjust (min-width) value in media queries as needed.

    Best regards,
    Andy

    October 3, 2015 at 10:40 pm #513240
    grinshteynluba

    Thank you very much everything good now!!

    October 5, 2015 at 8:13 am #513523
    Rikard

    Hi,

    Great, glad we could help :-)

    Cheers!
    Rikard

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Menu overlapping the logo on smaller screens’ is closed to new replies.