Site logo

Archived topic

Extra left margin on featured image on mobile

9 replies · Started by Sara on May 12, 2021

Viewing posts 1–10 of 10

Hi! When viewed on mobile, my featured images have a lot of extra padding on the left. I'm not sure why that is happening. How do I fix it?

Is there any way to know where this code is set? I can see it when I view the source, but it's not in the customizer->css
It's not in GP Elements either

You would need to disable the cache plugin you're using so i can see where the CSS is coming from.

I disabled it.

Its in the Child Themes style sheet.

It is! I didn't realize I had all that css there... Would you mind telling me how you knew this so I can figure it out on my own if it happens again?

For sure, right click > inspect the site to open the developers tools.
Select the image in the Elements panel - you will see somthing like this:

With the element selected you will see the styles being applied, and above that is the link to the stylesheet.
You can see here why caches have to be disabled, otherwise the link points to the cached file which doesn't tell you where its added.

Got it. Thanks. Would you mind deleting the image of the site from this thread?

You're welcome - image deleted :)

This archived topic is closed to new replies.