Menu background color on Creative menu and alignment

davorvk5

Hello!

I need help fixing some details for my client:

1) I use the Creative Menu (still waiting for the builder update) and cant seem to find the background color option

2) The client wants left aligned menu items text, also wants the first 1/2 of the items to be in larger font the the second 1/2. (the idea came from this page: We are Hearst | Hearst)

Thank you for your help!

Phil

Hi,

1) The Header background color can be changed in Betheme -> Theme options -> Colors -> Header.

2) It requires writing a custom CSS code. I can help you with that, but I will need a link to your website.

Thanks

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

davorvk5

Hello, the link is test.voffice.hr

Thank you for the CSS

davorvk5

Additionally to 1)

Now I have a black narrow part on the left when I change the color to black? any chance to change that in the same way the mobile one has....only show the black color when I open the menu?

Phil

Please, use this CSS to change the closed header color:

#Header_creative:not(.active){
   background-color: #fff!important;
}

And for changing the font size for menu items, go to Appearance -> Menus, and put there a CSS class name (you can use any you want).

When you do that, use this CSS code:

.myClass span{
   font-size: 17px!important;
}

Put the CSS codes in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Thanks

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

davorvk5

Thank you so much for your help!

Just one more thing, I want to leave my mobile menu background white, but it changes black when I set Topbar background...

Any way to solve this?

Phil

Please, use this CSS code:

@media only screen and (max-width: 767px){
 #Header_creative #Top_bar {
   background-color: #fff !important;
 }
}

Thanks

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