Spacing of Content after header

Comments

• 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
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• wmsgeorge

  December 2019 edited 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 edited 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

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• wmsgeorge

  December 2019

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