overlay of menus into hamburger

Hi,

Please try the following in Quick CSS under Enfold->General Styling:

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

Change the value 1024 to the pixel value of your choice.

Best regards,
Jordan Shannon

Hi,

Please provide a link to the site in the private area

Best regards,
Jordan Shannon

Hi gregcarrollLMG,

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

.av-main-nav > li > a {
  padding: 8px 11px 13px 11px;
}

If you need further assistance please let us know.

Best regards,
Victoria

Hi gregcarrollLMG,

Sorry, we were not clear enough, the code given by Jordan need to be supplemented with the one I gave you, not replaced.

I adjusted the code for you. Please check.

Best regards,
Victoria

Hi,

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

Best regards,
Jordan Shannon