Spacing of Content after header

wmsgeorge · December 2019

Hi, sorry I have not been able to find this answer in forum. I am having trouble figuring out how to fix the spacing of where the content shows up on browsers vs. mobile. On my site - https://gyaw.net/sullivan/products/ (I am leaving this page alone for your viewing) the title of the page is showing up behind the header. But on mobile it is perfectly placed. Now if you visit https://gyaw.net/sullivan/about-sullivan-farms/ you will see that I added padding-top to push the content down and the title shows up where I want it. But then on mobile there's a big space. Please advise on how I can fix this. Thank you.

Pablo · December 2019

Hello,

The "about-sullivan-farms" has applied the padding of 155px on top of the first section, remove that.

After that, please go to the Theme Options > Header & Subheader > Header and turn off the "Minimalist" option

http://prntscr.com/q710h6

Thanks

wmsgeorge · December 2019

Such a simple thing, thank you so much. That did fix the issue that was happening on desktop however now there is a big space between header and beginning of content on mobile. (I have removed the additional padding on the pages. )

wmsgeorge · December 2019

So, I found that there is a min-height attached and that custom | css field on the pages is amazing, thank you for that feature. I fixed the desktop spacing to my liking but on mobile it's set to 350px and the custom css that I've tried is not overriding the mobile. here is what i put;

body:not(.template-slider) #Header {

min-height: 175px;

}

@media only screen and (max-width: 767px)

body:not(.template-slider):not(.header-simple) #Header {

min-height: 200px;

}

any ideas on what I missed?

note: the only page i did this custom css to is the contact us page - https://gyaw.net/sullivan/contact-us/

Pablo · December 2019

Please use this CSS code into the Theme Options > Custom CSS & JS > CSS

@media(max-width:768px){#Header{min-height:100px !important;}}

Thanks

wmsgeorge · December 2019

That worked perfectly! You guys/gals are awesome! Thank you so much!

Spacing of Content after header

Comments