Can't style Main menu

LevelUpsbr

Hello.

I've chosen a menu type I like, see the shot below.

https://snipboard.io/qKdQmJ.jpg

But it doesn't work. https://www.levelupteam.club/

What did I miss or have done wrong?

Thank you

Phil

Hello,

I noticed that you selected the Split Menu layout. Please, check the following video tutorial and there you will find explanation how to set it up correctly.

https://support.muffingroup.com/video-tutorials/how-to-set-up-the-split-menu-header-style/

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

LevelUpsbr

Good evening.

Yes, the video helped, thank you. now there's one more thing. How can I move right and left parts of the menu closer to the centered logo?

https://snipboard.io/i8vZxR.jpg

The parts are too wide apart now.

thank you

Inna

LevelUpsbr

And one more thing.

Where can I find menu background option? Here https://snipboard.io/Dg3FzQ.jpg the BG is grey. I want it white, font has to be black not grey. And I don't like horizontal dividers. Where do I find the appearance needed?

Thank you

Inna

Phil

1) The position of the menu in header depend on the grid width. If you decrease it the menu items will come closer to the logo. This setting is placed in Betheme -> Theme options -> Global -> General.

2) To change the sticky header background colour, please, go to Betheme -> Theme options -> Colors -> Header, and modify Top Bar Left | background.

3) Can you tell me what dividers you are talking about? Do you mean the ones in the submenu?

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

LevelUpsbr

Hello.

#1. Here's the menu. I'm through with menu background. But the dividers (or border-bottom) I don't like are rounded with red here

https://snipboard.io/C5wXlh.jpg

#2. Where do I change the background of hovered submenu item? As you can see https://www.levelupteam.club/

it is grey (hover Клуб item then any of subitems).

Thank you.

Phil

Please, put the following CSS code in Betheme -> Theme options -> Custom CSS & JS -> CSS.

#menu .menu-item li a{
   border: none!important;
}
#menu .menu-item li:hover{
   background-color: #1510fc!important;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next