Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 6, 2019 at 8:05 pm #1075602
    Iptor

    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:

    Technical Consultant (Belgium – Ghent Area)

    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

    March 8, 2019 at 5:09 am #1076218
    Rikard

    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

    March 8, 2019 at 7:25 pm #1076445
    Iptor

    Digital High Five!

    Thank you so much, Rikard. Worked out great.

    A nice weekend to you.

    March 10, 2019 at 6:00 am #1076891
    Rikard

    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

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