[Resolved] Horizontal Scroll

Home Forums Support [Resolved] Horizontal Scroll

Home Forums Support Horizontal Scroll

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #217649
    Andy

    Hi Tom,
    I’m rebuilding my portfolio site and getting some unwanted horizontal scroll on the home page: http://tinyurl.com/jsxp4cj

    You can see it when resizing the browser window down to tablet/mobile sizes.

    Also, on the home page hero image, in mobile view it chops off most of the laptop part of the image, I realise its because mobile proportions are completely different to tablet/desktop proportions but wondered if you could recommend a solution.

    Thanks.

    #217708
    Tom
    Lead Developer
    Lead Developer

    Hi Andy,

    Try adding this CSS:

    body {
        overflow-x: hidden;
    }

    As for the image, you could give that section a custom class, and apply a more mobile friendly background image on mobile:

    @media (max-width: 768px) {
        .your-custom-section-class {
            background-image: url('URL TO YOUR MOBILE HEADER IMAGE');
        }
    }
    #217770
    Andy

    Thanks Tom I thought about using overflow-x: hidden; but wondered if there was an underlying cause for it such as maybe some padding that could have been removed. Your solution works fine though.

    Also your suggestion for the background image confirms my thoughts too.

    #217787
    Tom
    Lead Developer
    Lead Developer

    I’m coming up with a better solution as it looks like an issue with the columns in WP Show Posts – the solution will be in the next update 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.