Homepage › Community Forums › Aspire Theme Support › Header Image
My client does not want the logo to shrink when scrolling down on the home page.http://katie.design/artful/. Is there a way to keep that header image the same size while still keeping the sticky navigation and not messing up the responsiveness?
Thanks,
Katie
You can either remove or comment out this code on line 1247 in your style.css file –
.header-image .light .site-title > a {
height: 56px;
}
Let me know if that helps.
Awesome! Thanks Wes. That worked.
You’re Welcome!
Looks Great BTW 馃檪
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.
Here’s what it looks like on my end – http://i.imgur.com/L4RGO4B.png
Notice the Blog Posts on the left and the Sidebar on the right are too close to the edge? There’s no space, so removing that code should fix it.
Ok I changed that code but now my whole homepage is not full width. How can if fix that without messing up that blog section?
Thanks.
FYI: I want that blog section on the homepage to look like your demo.
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.
I changed some css. I did not update the clients site with the new version of your theme though. I have a copy of the changed style.css.
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.
I don’t want the blog page to show in that section. Not sure why it was doing that. I just want the two blog excerpts side by side like in the demo:
https://appfinite.com/theme-setup/aspire-theme-setup/#fp13
And I want the content to be full width.
I am using the Featured Custom Post Types widget in that area. Maybe that is the problem.
Ok, everything is looking great now!
I added back in the 100% width. Is my blog section on the homepage displaying correctly?
Yep, everything’s back to normal now.
Cool. Thanks for your help. Does your company do development on custom themes created by other designers?
I do PSD to Genesis, or Pre-Design/Site to Genesis. I can help customize other themes/frameworks as well, but I’d have to take a look at it first.
If you ever need something like that just shoot me an email.
Ok good to know. I’ve been reluctant to take on custom designs because it’s hard to find a reliable developer.