Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 28, 2014 at 2:42 am #359367
    Scot

    Hi there,
    Loving your theme and the updates have been great. I have just one snag, our site is having some responsive issues for screens smaller than 13′ and larger than mobile: http://www.adventureteaching.com/

    The navigation menu items overlaps with the logo. Is there something I can do to to fix this? Every other type of screen works great.
    Thanks!

    November 28, 2014 at 5:20 am #359395
    cryscryb

    Have you tried activating menu adjustment for both smartphones and tablets?
    Enfold > Header > Mobile Menu > Activate for smartphones and tablets
    This adapts to smaller devices, but overlap depends on how many menu items you have and how wide you made your logo. You might still need a minor css tweak if both were created wide. :)

    November 28, 2014 at 7:31 pm #359821
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 1100px) {
.av-main-nav > li > a { padding: 0 7px; }}

    then see @cryscryb’s post above

    @cryscryb     Thanks :)

    Best regards,
    Yigit

    November 28, 2014 at 7:37 pm #359825
    Elliott

    Hey!

    Thanks for the help cryscryb!


    @jlovebomb    , Try adding this to your custom CSS.

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

    Cheers!
    Elliott

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