[Resolved] Blog Positioning Issue 2

Home Forums Support [Resolved] Blog Positioning Issue 2

Home Forums Support Blog Positioning Issue 2

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1165942
    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.

    #1166120
    David
    Staff
    Customer Support

    Hi there,

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

    #1166485
    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.

    #1166509
    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%;
       }
    }
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.