Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 6, 2017 at 12:31 am #804239
    onegirlrtw

    Hello!

    I’m having an issue with the header menu text on my site.

    When viewing the site on an iPad or tablet, the header menu is an icon in portrait view; however in landscape view it turns back to text and covers the logo. Is there some way to correct this please?

    Thank you!

    June 6, 2017 at 9:25 am #804410
    Rikard

    Hey onegirlrtw,

    Please try the following in Quick CSS under Enfold->General Styling:

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

    Best regards,
    Rikard

    June 8, 2017 at 5:40 pm #805682
    onegirlrtw

    Dear Rikard,

    That worked perfectly, thank you!

    May I please ask – if I add this code in the Quick CSS form, does it remain with any future updates to the theme, or do I need to re-eneter it with each update?

    Usually I’m adding to the child theme so not sure where this actually goes. Thanks!

    June 8, 2017 at 5:53 pm #805686
    Yigit

    Hey!

    You can leave the code in Quick CSS field in Enfold theme options or move it to style.css file of your child theme if you are using one. Either way, updating will not remove the codes from Quick CSS field :)

    Glad Rikard could help! Let us know if you have any other questions or issues!
    Regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Header menu text covers logo when iPad/tablet switches to landscape view’ is closed to new replies.