Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 14, 2016 at 1:10 am #597454
    awdenfold

    Hello,

    I’m having an issue with the navigation overlapping the logo on tablet screens (and any screen size between desktop and tablet). Also, on the inner page (education&training for example), the text in the left column cuts off instead of acting responsive. I have looked into past threads about this and have tried most of the codes available with no luck. Can someone please look into this for me?

    Much appreciated! :)

    March 15, 2016 at 8:19 am #598231
    Rikard

    Hi awdenfold,

    Please try the following in Quick CSS under Enfold–>General Styling to activate the mobile menu at an earlier point:

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

    For the text being cut I would suggest you use a larger element, maybe a 1/3, since the text is too large/long to fit on smaller screens sizes.

    Best regards,
    Rikard

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