Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • February 11, 2015 at 8:02 am #394144
    kevinmcgillivray

    I’ve got a client with a fair number of menu items and a rather wide logo. The owner unfortunately uses a 1024×768 monitor so the menu (right) and logo (left) overlap. Is there a way to change width at which the regular menu is hidden and the mobile menu is displayed?

    Thanks!

    February 11, 2015 at 5:59 pm #394530
    Yigit

    Hi Kevin!

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

    @media only screen and (max-width: 1300px) and (min-width: 990px) {
.av-main-nav > li > a { padding: 0 6px; }
#top #header .av-main-nav > li > a { font-size: 13px; }
.logo * { max-width: 90%; top: 15px; }
.avia-menu.av_menu_icon_beside { padding-right: 0; margin-right: 5px; }}

    and then Please go to Enfold theme options > Header > Mobile Menu > Header Mobile Menu activation and choose 990px. If that does not work, please post the link to your website and we will look into it :)

    Regards,
    Yigit

    February 11, 2015 at 11:37 pm #394765
    kevinmcgillivray

    Okay, I see what you did there. Thanks!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Change resolution where mobile menu shows?’ is closed to new replies.