Tagged: 

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

    Hello,

    I’ve discovered a weird rendering problem on pages/posts on my site configured to have a sidebar. I’ve played around with global sidebar settings, widgets, and making sure my page layouts don’t have unnecessary margin/padding and I can’t seem to solve this.

    Here’s an example page with a sidebar:

    When viewed on a mobile device, the sidebar moves below the main content area as it’s supposed to, but all the copy in the main content area seems to shift right as if a @media query is adding a bunch of padding.

    The URL above when viewed on mobile:
    http://go.iptor.com/rs/635-QDZ-966/images/mobile-rendering-problem.png

    Any suggestions would be appreciated!

    Thanks,
    Mike

    #1076218

    Hey Mike,

    You have this CSS in your child theme, please try to remove the padding:

    @media only screen and (max-width: 767px) {
    .responsive #top .container .av-content-small {
        margin: 0;
        margin-bottom: 20px;
        width: 100%;
        padding: 70px;
    }
    }

    Best regards,
    Rikard

    #1076445

    Digital High Five!

    Thank you so much, Rikard. Worked out great.

    A nice weekend to you.

    #1076891

    Hi,

    Great, I’m glad we could help :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.