Archived topic
Blog Positioning Issue 2
3 replies · Started by Michael on February 15, 2020
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.
Hi there,
is this on any particular device or browser ? I am ( dare i say it ) having trouble replicating the problem. Let me know
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.
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%;
}
}