Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 10, 2015 at 3:10 pm #426608
    mterrian

    Is there a trick to making the main menu responsive on mobile/iPad/iPhone? Is the theme designed to do that? (I thought it was)
    And is there a trick to getting the menu to be CENTERED below the logo on our page?

    Ours is wrapping even on landscape iPad size, and isn’t centering under the logo without tinkering, which then wrecks the responsiveness again.
    I’m super-frustrated with all the time I’m having to put into this…..any nice suggestions for getting this to behave?
    Thanks guys
    M

    April 10, 2015 at 9:17 pm #426789
    Elliott

    Hey mterrian!

    Add this to your custom CSS.

    @media screen and (max-width: 900px) {
.phone-info { display: none !important; }
#advanced_menu_toggle { display: block !important; }
nav.main_menu { display: none !important; }
}

    Regards,
    Elliott

    • This reply was modified 9 years, 7 months ago by Elliott.
    April 10, 2015 at 9:36 pm #426799
    mterrian

    Elliott, thank you for your kindness in responding so quickly. But the code above in Custom CSS has no effect…..on iPad (even in landscape mode) the menu still wraps to a second line, and it is not centered on ANY screensize.

    Any other suggestions?

    April 13, 2015 at 4:00 pm #427542
    Elliott

    Hi!

    You can increase the 900px if you need to target a larger screen. If it’s still not working then you probably have a typo somewhere in your custom CSS. Send us a WordPress login and we’ll take a look.

    Cheers!
    Elliott

    April 13, 2015 at 6:27 pm #427698
    mterrian
    This reply has been marked as private.
    April 14, 2015 at 5:11 pm #428349
    Elliott

    Hi!

    Sorry, there was a typo but it was on my CSS. It should be working now.

    Your also using some custom CSS in your child theme though which is hiding the responsive menu button.

    #top .avia-font-entypo-fontello, body .avia-font-entypo-fontello, html body [data-av_iconfont="entypo-fontello"]::before {
  display: none !important;
  font-family: "entypo-fontello";
}

    That will need to be removed if you want the button to display.

    Regards,
    Elliott

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