Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 31, 2017 at 7:29 pm #870951
    onegirlrtw

    Hello!

    A few months ago, I was having a problem with the header menu text not displaying correctly when the site was displayed on a tablet in landscape view (the logo was getting covered with menu text). It was recommended by your staff to add the following code, which I did:

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

    This actually did fix the tablet landscape menu text problem, but I now realize that it deleted the burger and search icon for the site when being viewed on a mobile device. I have since deleted this code.

    However, I would like to know how I can please correct the header menu text covering the logo when viewing the website on a tablet in landscape?

    November 3, 2017 at 3:00 pm #872174
    Yigit

    Hey,

    Please refer to this post – https://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/

    Best regards,
    Yigit

    November 6, 2017 at 3:54 pm #873111
    onegirlrtw

    Thank you! This one worked!

    Perhaps you want to delete the old thread because the CSS there seems to have deleted the burger entirely from mobile devices.

    November 7, 2017 at 12:49 pm #873640
    Rikard

    Hi,

    Thanks for the feedback. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    November 7, 2017 at 9:07 pm #873891
    onegirlrtw

    Good to close, thank you for your help!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Header menu text – burger in mobile vs. landscape tablet’ is closed to new replies.