Header Image

Hi Katie,

I’m reopening this thread to let you know I spotted a small issue on your site in the blog/sidebar section at the bottom of your homepage. You can see that both the blog posts and the sidebar is showing up on the edge of the page/browser. In the new version it adds some padding on the sides to create some space. Since you’ve probably already made changes to your CSS, you can just edit your style.css file and fix it manually rather than updating to the latest version and losing your customizations.

To fix this, take a look in your CSS around line 655 for this –

.front-page .site-container .site-inner {
	margin-top: 0;
	max-width: 100%;
	overflow: hidden;
}

Then remove the max-width: 100%; line, and it should instantly fix that issue.

Now the sides of your site is showing white space. I think I know what the issue may be. I just recently added an Update to the Aspire theme recently. Can you tell me which files you changed? I think something is missing.

I’m certain I can get this fixed, I just need to figure out what’s missing.

Ok, are you planning to have the blog and sidebar at the bottom like before? – http://i.imgur.com/L4RGO4B.png

If not, then you can actually add that max-width: 100%; back in your CSS. Originally you had it in there so that’s what I was referring to. So if you’re not using it then you can just leave it as it is.

There were some changes made to the layout in the front-page.php file, so that’s why it wasn’t showing up right.

Let me know if you add it back in, I’m going to post it on Twitter.