Blog Positioning Issue 2

[Michael]

Hi guys,

I’m not sure why, but for some reason the sticky pop-up box that is accessed via the + button in the top right of the screen, positions perfectly on every page except for blog posts pages (happens on every post – but not the main blog page accessed from the main nav). I have no idea why this is.

This is how it should look:

https://www.dropbox.com/s/3itpg7oe6wspzcm/correct.jpg?dl=0

But looks like this (pushes off to the right of the screen):

https://www.dropbox.com/s/91mhb83x1t3x4c3/incorrect.jpg?dl=0

Please could you help me find the source of that issue? Thanks very much for your assistance.

Michael.

[David]

Hi there,

is this on any particular device or browser ? I am ( dare i say it ) having trouble replicating the problem. Let me know

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Michael]

Hi David,

Thank you for getting back to me. It happens on my phone and on Nikki’s in Chrome and Firefox browsers on both. I think I see what the problem is – it looks like the featured image on each blog post is pushing the contents of the screen past the borders of the phone screen. I thought the featured image would auto-size, but it appears not to be.

[Michael]

Hi David,

Hooray. I fixed it. It was the featured image pushing the page out of whack, so I added this to the CSS and it appears to have resolved the issue:

@media only screen and (max-width: 768px) {
    div.inside-article div.featured-image.page-header-image-single {
	height: auto;
	margin: 0;
	padding: 0 10px 10px;
	max-width: 100%;
   }
}

[Author]

Posts