Header height and colour

[CPFA]

Hello! Could you please let me know how I can add some space below the logo on the header? When I edit the header, I can add space to the top, but not the bottom. As you can see the logo sits right at the bottom of the header. I would like the same amount of space at the top and the bottom. Is this possible?

Also, when you start scrolling down, the header goes transparent. How can I change it so it stays a solid colour?

See here:
http://canadianpolefitnessassociation.com

Thank you!

[mldarshana]

Hi There @CPFA

Thanks for writing in! You can increase the height of your Navbar to get more space. Head over to Theme Options -> Header -> Navbar section.

To set the scrolling color, try adding the following CSS rule into your Theme Options > Global CSS area.

.x-navbar.x-navbar-fixed-top {
    background-color: #121212;
}

Hope that helps.

[CPFA]

Thank you for getting back to me! The CSS worked! Changing the Navbar height didn’t change the space under the logo through. I tried various numbers, less than 100, more than 100 and the logo still sits at the very bottom of the header. Is there something else I can do?

[mldarshana]

Hi There @CPFA

In that case, could you please try adding the following CSS rule into your Theme Options > Global CSS area.

.x-brand {
    margin-bottom: 20px;
}

Hope that helps.

[CPFA]

That did the trick, thanks so much!

[Prasant]

You are most welcome.