Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #660028

    My menu is overlapping my logo at around 1115px – I have tried the following:
    @media only screen and (max-width: 1100px) {
    .av-main-nav > li > a { padding: 0 7px; }
    }
    But the mobile menu still only shows up at 989px.
    Also, I made sure it is Activate for smartphones and tablets in theme options.

    Is there a fix for this?

    #660040

    Hi,

    Can you please create us a WordPress administrator account? post it here as a private reply.

    Regards,
    Josue

    #660058

    Please use the following:

    #660088

    Hi,

    Tablet (989px) mobile activation should work now, if you need it earlier add this to Quick CSS (change 989px for something higher):

    @media only screen and (max-width: 989px) {
    .responsive.html_mobile_menu_tablet .main_menu .avia-menu, 
    .responsive.html_mobile_menu_tablet #header_main .social_bookmarks, 
    .responsive.html_mobile_menu_tablet #header_main_alternate{display:none;}
    .responsive.html_mobile_menu_tablet .container #advanced_menu_toggle, .responsive.html_mobile_menu_tablet #advanced_menu_hide{display:block;}
    .responsive.html_mobile_menu_tablet.html_logo_right #advanced_menu_toggle{left:50px;}
    }

    Remember to purge all W3 caches every time you do a change.

    Best regards,
    Josue

    #660133

    Hi Josue,

    Thank you for your quick response.

    I was putting this code in the child-theme style.css and it did not work, however, when I put it in the quick css in the theme options it does work. Why is that? And is there a way to make it work in the child-theme css?

    Thanks,
    Kevin

    #660146

    Hi,

    Try putting it at the start.

    Best regards,
    Josue

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