Adding space after header

I’ve updated my theme with the latest version but I’m not having the same issue as you are. Could you post a link to your website so we can check it out?

You can also fix this with some CSS, and adding back the margin-top for the content area and sidebar.

I have the same problem after updating to Storefront Version 1.3.0. The space between the header and stuff below it is just gone. Looking not so pretty ??

Screen shot of the problem here.

Live version here.

Thanks,
Hen

This should be fixed in version 1.3.1.

I have the opposite problem arose. After updating i have a large space between the Header and Body. Before I used here is the settings in .css to fix the problem:

.hentry .entry-header {
border-bottom: none;
}

.header-widget-region {
display: none; }

One adjustment removes the black stripe, the other – removes header widget region.

After updating the settings in .css do not react to the appearance of the page. Here – https://handbird.kz/

How can I make a minimum of space between the Header and Body?

I have the same issue!

My website was just about finished! However, as soon as I updated the theme, I noticed some spacing between the main navigation and the image slider (this is in the header area).

Another thing I noticed is that the spacing doesn’t show in any other pages except for the index page.

Here’s the link to the website:
https://jessicanlessard.com/cwcf2/

Please let me know if the theme will be updated to fix this issue or if there’s anything I should do! Thanks!

I temporarily reverted to the previous version…

You could try to put this in the css styles.

.slides:after {
content:none;
}

Hi @magnuscron and everyone else,

Though the code works for my index page, it affects all my other pages by cutting out the image slider. It also removes the spacing between the image slider and the content (on every other page).

I tested everything out. I know my code isn’t the problem, because I removed all code. Also, I deactivated all my plugins to see if that might be the problem and it’s not that either.

My site:
https://jessicanlessard.com/cwcf2/

I noticed what the problem was! It has to do with the “Static Front Page” options. Right now it’s set to “Home”. However, if I select default (no posts) for “Front page” or “Posts page”, then it removes the spacing between the navigation and image slider (back to normal).
What I’m referring to.

Will there be an Storefront update that can fix the “Static Front Page” options pretty soon? I would like to have the ability to set it to “Home”.

Thanks,
Jess

@jess: To remove the margin on your homepage add the following CSS:

.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header {
margin-bottom: 0;
}

I got some space on my home page by adding a text widget to the header widget area. I did not type any text in there, just dragged the text widget into the header area in the widgets menu. Now the title no longer bumps the header boundary. May not work for everyone or every page but it’s easy to try.

@jameskoster

It worked out great! Thanks again!

Just hoping this won’t occur on the next WordPress or Storefront update. However, so far I really like the theme!

: )

Glad you like it ?? I can’t promise that we’ll _never_ tweak this again, Storefront is still young and we’re working out what works best based on early feedback. Just remember to check the changelog before doing updates. A staging environment is a valuable investment too!

Just updated to version 1.3.1 and the problem has been solved only on the homepage. However, when you go inside posts and pages the problem remains like this.