[Support request] Mobile Issues

[Dave]

I’m having two very major issues on mobile that I can’t seem to figure out.

When I use my desktop to do a preview of how the site looks on mobile, it looks fine. Here’s a screenshot:

https://www.irreverentgent.com/wp-content/uploads/2023/02/Screen-Shot-2023-02-09-at-4.31.52-PM.png

But when I actually view the site on a mobile device, it looks terrible. Screenshot here:

https://www.irreverentgent.com/wp-content/uploads/2023/02/IMG_3325.png

I’ve tested on multiple mobile devices, and they all look like the second screenshot above, not the first. Any ideas why this is happening and how I might fix it?

Thanks very much,

Dave

[Fernando]

Hi Dave,

In your style.css file, you have this code:

@media only screen and (max-width: 399px) {
.separate-containers .inside-article {
    padding-right: 20px!important;
    padding-left: 20px!important;
}
}

It’s adding padding which causes the whitespace.

Can you try removing that first?

[Dave]

Hi Fernando,

I don’t actually see that code anywhere in my css. I checked in both the Additional CSS section of the customizer and my style.css file and can’t seem to find it.

[David]

Hi there,

who is providing the adverts for yous site? As that CSS is included in an inline stylesheet that has quite a few CSS rules that look related to Media Vine (?) adverts.

[Author]

Posts