Top Bar and Header

Hello,

I added css code in order to center the top bar text and also to shorten the height of the top bar. You can see the code on the attached picture.
The change of the top bar’s height left space between it and the header, as you can see on the attached picture. How can I close this space?
In addition, I would like to make the background of the header transparent and on hover to make the background black (not include the stickey bar that will be always with black background). Is it possible to do it?

Thanks,
Yuval.

Attachments:

You must be logged in to view attached files.

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings to do what you asking about

.enable-sticky-header.basel-header-overlap.basel-top-bar-on .main-header {
    top: 30px;
}

.enable-sticky-header.basel-header-overlap.basel-top-bar-on .main-header:hover {
	background: black;
}

Regards

Great, thank you! 🙂

You are welcome!

[Author]

Posts