Centering Images on Mobile

Can you provide a link to your site please so I can inspect further?

Thanks.

Hi,

https://moneytipsforstudents.com/

Try it on mobile please. Go into the menu and click on make money, then the first blog post. I’ve tried it on iPad iOS 10 and Android 6.0.1 (Safari, Chrome, and stock Android browser).

You can add this to your Child Theme style.css file, or use a Custom CSS plugin.

@media screen and (max-width:620px) {
    .alignright { 
        float: none; 
        width: 100%;
        margin-left: 0;
    }
}

Hope this helps.

Hey @themesumo,

Thanks for helping out! ??

Hi,

I added that with the Custom CSS plugin, however it only centered some of the images, and a lot of the headers are overlapping.

The code I gave you will only centralize images that have been right-aligned. The positioning of the images also depends on where you are inserting the images within your content, if there is text directly above the image then you’ll need to move the image up a line within your content.

The code is only a quick-fix to your problem, these images aren’t really meant to be centralized on mobiles as you have manually positioned them within the content.

Hope this helps.

• This reply was modified 8 years, 4 months ago by ThemeSumo.

Oh okay, thank you so much! You’ve been a great help.