White Space Below Header

That seems to be coming from the page builder you are using, you can try this for that very specific case (on your front page):

#panel-99-0-0-0  p {
    margin-top: 0;
}

Add the CSS code to Appearance ? Customize ? Additional CSS.

Thanks!

You are awesome! That worked also. I hate to ask, but do you know how to get rid of the faint line between the logo and menu?

@jules-play,

There is an option for that (bottom border) in Appearance ? Customize ? Header ? Main Header ? Design Options ? Border and set “Bottom” to 0.

Screenshot.

If you like the theme and have a minute of your time, please leave a review of Sinatra theme. That’d mean a lot to us ??

Thanks!

Thank you hzlateska! I greatly appreciate your help. I will leave a review. Stay safe!

Resolving this issue.

@sinatrateam or @hzlateska:

I have a somewhat similar dilemma: On the home page at https://globalsolarpartnerships.org/ there’s a large space between the embedded YT video and the next block (a ?), yet in edit mode there’s nothing between the 2 blocks. What’s going on?

• This reply was modified 4 years, 1 month ago by taltenberg.

@taltenberg,

Something with Jetpack and responsive embeds.

You can try with this CSS:

.wp-embed-responsive .wp-has-aspect-ratio iframe {
  width: 100% !important;
  height: 100% !important;
}

Add the code into the Additional CSS field in Appearance ? Customize.

@brankoconjic That’s it! Thanks very much! ??