Center part of the menu

Hey mcraig77,

You can add the following code at Enfold Theme Options > General Styling > Quick CSS

.menu-item {
  right: 26px !important;
}

Best regards,
John Torvik

Hi,

The buttons are also included inside the menu.
I am not sure there is a way to move them easily. Most probably you have to add extra classes to the menu options
so they can work out properly.

You would need to hire a freelancer to help you out, to make it easier.

Best regards,
Basilis

Hi,

I think you can add css class in the menu and use that to hide the menu, using values such as display:none; opacity:0; or visibility: hidden;

Hope this helps.

Best regards,
Nikko

Hi mcraig77,

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-active-burger-items:nth-child(8), .av-active-burger-items:nth-child(9) {
  display: none;
}

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

Hi,

Here is how you can hide it in mobile:

@media only screen and (max-width:767px) {
  .myclass {
    opacity:0 !important;
  }
}

and you would probably need to show it in desktop:

.myclass {
   opacity:1 !important;
}

Just change myclass with your assigned class name. Hope this helps :)

Best regards,
Nikko

Hi,

Can you try to replace this css code:

@media only screen and (max-width:990px) {
  .menuhide {
    opacity:0 !important;
  }
}

with this one:

@media only screen and (max-width:990px) {
  .menuhide {
    display:none !important;
  }
}

Best regards,
Nikko

Hi,

Can you try adding this css code in Quick CSS:

@media only screen and (max-width:990px) {
  .av-active-burger-items:nth-child(7) {
    display: none;
  }
}

Hope this helps.

Best regards,
Nikko

Hi,

Can you try replacing the last code I gave to this one:

@media only screen and (max-width:990px) {
  .av-active-burger-items:nth-child(7) {
    display: none !important;
  }
}

Let us know if that fixes the issue.

Best regards,
Nikko

Hi,

I just checked it but I could not see the h in the menu item anymore. Can you try to clear your browser cache and check again?

Best regards,
Nikko

Hi,

Thanks for providing the login, I just tested different css codes I know it still has the same effect, would it be okay if just add some space on the desktop and don’t have a hidden menu?

Best regards,
Nikko

Hi,

I have adjusted it, let us know if it’s good :)

Best regards,
Nikko

Hi,

Glad that you liked it, here is the code I used, you can see it in Quick CSS but not on the same location:

.main_menu #menu-item-3405 {
    margin-left: 8vw;
}

@media only screen and (max-width:1366px) {
  .main_menu #menu-item-3405 {
    margin-left: 2vw;
  }
}

Best regards,
Nikko