Can't style Main menu

LevelUpsbr · April 2021

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 · April 2021

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

LevelUpsbr · April 2021

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 · April 2021

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 · April 2021

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

LevelUpsbr · April 2021

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 · April 2021

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

Can't style Main menu

Comments