Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 23, 2020 at 6:54 am #1232494
    kevinlw85

    Hello, I am having trouble where certain smaller screen sizes seem to have my logo and menu overlap. Is there a way to engage the mobile menu or shrink the logo when the overlap starts to happen?

    Thanks
    Kevin

    July 23, 2020 at 8:09 am #1232503
    Nikko

    Hey Kevin,

    Go to Enfold > Main Menu > Menu Items for mobile set to Activate for Smartphones and Tablets (browser width below 990px)
    Hope this helps.

    Best regards,
    Nikko

    July 23, 2020 at 5:51 pm #1232712
    kevinlw85

    Hi Nikko,

    That setting seemed to help but overlap still happens. See the attached…that is how much overlap that happens before the mobile menu kicks in.

    Regards
    Kevin

    July 23, 2020 at 6:05 pm #1232723
    Victoria

    Hi Kevin,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 1300px) {
  nav.main_menu, #menu-item-search {
    display: block !important;
  }
  .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    July 23, 2020 at 8:10 pm #1232784
    kevinlw85

    Works great! Thank you so much Victoria!

    July 24, 2020 at 1:45 am #1232838
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

    July 24, 2020 at 4:16 am #1232851
    Nikko

    Hi kevinlw85,

    Glad that Victoria could help :)
    Let us know if you still need further assistance.

    Best regards,
    Nikko

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Logo and menu overlap on certain screen sizes’ is closed to new replies.