Main menu and Burger

Hey sasha,

I don’t think that’s possible, maybe we can help with adjusting the colors and other stuff on your menu?

Best regards,
Nikko

Hi sasha,

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 (min-width: 990px) {
  #top #header .av-burger-menu-main.menu-item-avia-special  {
    display: none;
  }
}
.header_color .main_menu ul:first-child > li > a span.avia-menu-text {
 color: #fff;
}

.header_color.header-scrolled .main_menu ul:first-child > li > a span.avia-menu-text {
 color: #808080;
}
@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all .main_menu {
    left: 0;
    right: auto;
  }
  #top #menu-item-search a *, #top #menu-item-search a {
    color: #808080 !important;
  }

  .responsive .logo img {
    width: 90%;
   }
  .responsive #top #header #menu-item-search a {
    padding-left:23px !important;
  }

}

If you need further assistance please let us know.

Best regards,
Victoria

Hi sasha,

This code /wp-content/themes/enfold-child/style.css?ver=4.2.1is almost impossible to override. Can you remove the padding-right or just the !important?

Can you please attach a few screenshots with the missing icons and the links to the pages where it happens?

Best regards,
Victoria

• This reply was modified 6 years, 10 months ago by Victoria.

Hi sasha,

From the code I gave you before, please remove this:

  .responsive #top #header #menu-item-search a {
    padding-left:23px !important;
  }

and the whole media query should be like this

@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all .main_menu {
    left: 0;
    right: auto;
  }
  #top #menu-item-search a *, #top #menu-item-search a {
    color: #808080 !important;
  }

  .responsive .logo img {
    width: 90%;
   }
  #top #menu-item-search {
      right: -20px;
  }
}

If you need further assistance please let us know.
Best regards,
Victoria

Hi sasha,

Yes, the mobile menu had a makeover in Enfold 4.1 or 4.2 and the burger is different.
The image moved to the private field.

You’re calling the icons via https and your staging site is not. As long as the protocol is the same, there should be no issue.

Best regards,
Victoria

Hi sasha,

So remove all the menu code from before, if you need to change something we can help you with the new code.

Best regards,
Victoria

Hi sasha,

I see you’ve set the menu items to not display.

Best regards,
Victoria

Hi sasha,

Ismael is spot on, you have menu items in both languages, this makes the menu bigger and it looks bad on a desktop. If you have separate menus, you will not have to fight the menu issue.
Please reconsider Ismael’s response.

Best regards,
Victoria