Image alignment on mobile theme

Posted in: Newspaper
Post count: 59

Hi there,
Can’t figure this out. I would like the images that are right aligned on desktop, to be centered on mobile. I’m using mobile theme. How can I adjust these settings?

Post count: 18283

Hello !

Please provide a link to your website in order to inspect.

Thank you !

Post count: 59

Hi Vlad, For example this page:
https://www.wandelingen.info/wandelen-in-de-ardennen-het-land-van-de-bronnen/
The two smaller images are not centered but aligned to the right (like on desktop). Can you give me a hint?

Post count: 18283

Hello !

Please make sure that you do not have a plugin conflict, please deactivate ALL plugins except tagDiv ones, also if you are using child theme or cache plugin, deactivate them, clear all cache and try again.

Thank you !

Post count: 59

Hi Vlad,
I tried all different kind of things. Changed my caching plugin and switched off all plugins, inclusing Autoptimize, and tried again. I’ve put this code in my mobile theme custom css to fix the alignment issue: .wp-block-image .alignright {
float:none;
margin-left: 0;
margin-right: 0;
}
On mobile it seems that the landscape images that are right-aligned on desktop are fine now. Portrait images that are right-aligned on desktop are kind of left-aligned. Can you give me a hint how to fix this?
https://www.wandelingen.info/san-sebastian-de-la-gomera-wandelen-met-columbus/

Post count: 18283

Hello !

Please try this css code: .wp-block-image .alignright {
float: none;
margin-left: auto;
margin-right: auto;
}

Thank you !

Post count: 59

Hi Vlad,
Thanks! Stupid mistake .. It’s fine now!

Viewing 7 posts - 1 through 7 (of 7 total)
The forum ‘Newspaper’ is closed to new topics and replies.