Header Space

WNB · February 2019

Hi,

How to define a specific space for the whole website so that I do not have to define it on every page.

Every page, I have to define "Padding" in the top of the "First Item" so that it does not overlap the logo.

Please let me know How can I rectify this, If I assign a "Top Padding" the mobile version is distorted with empty space between the logo and content.

Pablo · February 2019

Hi,

In your case, you should change the 'Minimalist without Header Space' to the "Minimalist - ON" option to prevent that.

You can find it in the Theme Options > Header & Subheader > Header on the bottom of this page

Oh, do not forget to remove that padding you applied.

Thanks

WNB · February 2019

Thanks Pablo,

But, How will I increase the default space "between the logo and First Content" as the content seems sticking to the logo.

Look at the image attached.

Pablo · February 2019

Please paste this CSS into the Theme Options > Custom CSS & JS > CSS

@media(min-width:767px){
	#Header{
	 min-height:180px !important;
  }
}

Thanks

WNB · February 2019

Thanks Pablo,

Really appreciated your prompt reply,

but the code doesn't seem to change anything.

Can you please recheck the syntax.

Cheers

Pablo · February 2019

Please remove that selected strings, it's making the CSS not work.

Thanks

WNB · February 2019

Thanks.

All sorted

Comments