Menu background color on Creative menu and alignment

Comments

• Phil

  July 2022

  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

  July 2022

  Hello, the link is test.voffice.hr

  Thank you for the CSS
• davorvk5

  July 2022

  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

  July 2022

  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

  July 2022

  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

  July 2022

  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