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


    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:

    Any suggestions would be appreciated!



    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,


    Digital High Five!

    Thank you so much, Rikard. Worked out great.

    A nice weekend to you.



    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,

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

You must be logged in to reply to this topic.