Problem – Digital Pro Right Side Nav Cut-Off In Blog?

[darciusrex]

Hello!

The site I'm working on for a client (http://sproule.bar40media.com/)did auto-update, and it looks like it's running the latest version of Genesis too. So I think it's all good there.

However, you look at the blog posts (i.e. http://sproule.bar40media.com/news-events/cans-for-corn-in-grand-forks-raises-a-ton-of-food/), part of the post title is getting cut-off as is a good chunk of the side nav.

I'm not a pro at CSS, but with the help of FireBug I've been going through and trying to make adjustments to the stylesheet and it doesn't seem to do anything but make my other pages look funky, so I change it back.

It seems to only be an issue associated with pages created in the blog template. Is this something I can fix with the CSS or is it a different problem?

Thanks!

[Victor Font]

I answered a very similar question to yours earlier this morning. The answer is basically the same: https://www.studiopress.community/topic/header-overlaping-menu-help/. In your case, apply the fix to .site-inner with a top of 119px.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[darciusrex]

Victor - you're fabulous! I was looking at that thread this morning thinking it sounded exactly like my problem but couldn't find the area you recommended to tweak. Applied the fix and now it's working as it should. Thank you very much! This has been educational to say the least. 🙂

So, now that the footer is getting intruded upon by site-inner, I would need to add some padding for that as well, correct?

In that thread, you also recommended getting rid of the unused site tag-line. Is that something I should consider here as well?

[darciusrex]

Alright, so it worked great for the blog, but now it's pushing down that content on the pages and it's intruding into the footer. For the life of me I can't understand why it's not the same for the blog and for pages, unless is has to do with the hero image on the pages?

I'm going to mess with the footer and see if that helps the intrusion, since what's happening is the site-inner is being pushed down. Any thoughts on the difference between the pages and the blog posts and how they're reacting to the difference is greatly appreciated!

Thanks!

[darciusrex]

Received a response from Support yesterday and they made the following recommendation:

.site-inner {
background-color: #fff;
clear: both;
margin: auto 0;
padding: 0% 0px;
max-width: 1280px;
}

.single .site-inner {
margin-top: 120px;
}

This has helped with the white space between the top and site-inner and intruding into the footer. But now it's shifted left. Any suggestions on what to edit or add? My hunch is I need to add margin-left: 100 px; to .single .site-inner, and that's what looks like it worked in Firebug.

Thoughts?

[darciusrex]

Still can't figure out what's going on here. Looks like it's only happening on my large monitor, 1920px wide.

Any ideas?

[darciusrex]

Fixed it!

changed margin: auto 0; to margin: auto auto; and it's looking good!

[Author]

Posts