Archived topic

Mobile Issues

3 replies · Started by Dave on February 9, 2023

Viewing posts 1–4 of 4

February 9, 2023 at 2:35 pm #2527788

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

February 9, 2023 at 5:16 pm #2527881

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?

February 10, 2023 at 9:30 am #2528678

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.

February 10, 2023 at 10:38 am #2528753

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.

This archived topic is closed to new replies.

Start building better websites today.