How to edit top header space?

wonderswamp · April 2020

Hi,

Thanks for the great theme builder.

1. I have a problem editing the top header space. We are using Overlay Menu style for the Header, but the space above the menu button and the logo is too big.

2. while using Overlay Menu the logo and the menu icon are not aligned in the middle. The logo is a bit lower then the icon and this is not looking fine.

3. While using overlay menu I can't align the logo on the left side on mobile view. It stays in the centre.

Here is the website - https://balkanet-e-services.com

Thank you in advance.

Pablo · April 2020

Hi,

1) Please paste that CSS code into the Theme Options > Custom CSS & JS > CSS - it will decrease the space above the menu

.header-overlay.ab-hide #Top_bar, .header-overlay .overlay-menu-toggle{
	top:20px !important;
}

2) That's because of your padding applied for you menu (change it to 0), Theme Options > Global > Logo - also, you can change the logo size there too

https://prnt.sc/rs4zg1

3) You can change the menu appearance on mobile in the Theme Options > Responsive > Header, remember to turn the "minimal" option before selecting a header minimal.

Thanks

How to edit top header space?

Comments