How to fix auto ads display issues on mobile?

  • I’m using Apostrophe 2 theme. I added Google Auto Ads to my header code which dynamically places ads on my site and on mobile there are display issues. The issue may exist on web as well but the ads are different and it’s less noticeable. The ads seem to be 20-30px lower and have large top white margin. This pushes ads outside of the area in which they are intended to display.

    See screenshot of how this appears: https://eatingoutloud.com/wp-content/uploads/2019/06/IMG_3180.png. It repros the majority of the time for me.

    Any ideas on how to fix this? I feel like it’s a CSS issue but not sure how to address it.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hi
    Yes…it is a CSS issue and you will need to write different css code for different devices. You have to use media queries to add some padding, margin and alignment for mobile devices. the tags can be same. but the code changes

    @media only screen and (max-width: 768px) {
    /* For mobile phones: */
    body {
    background-color: lightblue;
    }
    }

Viewing 1 replies (of 1 total)
  • The topic ‘How to fix auto ads display issues on mobile?’ is closed to new replies.