Image alignment messed up in responsive/mobile view

sybez · September 2016

Hi,

Can someone help me fix some image placement issues, or a steer on a resource to learn how to fix them please?

On this page - http://www.digitalberry.co.uk/what-we-do/ when viewed on a mobile, the images are all out of sync with the related text. I have looked through all the muffin/WP settings to see where to edit them for different layouts but cannot find anything that might work.

Can anybody help?

Albert · September 2016

Hi,

we checked your site already and the responsive works as should. The content in responsive mode is being read from the left side to the right so all is good.

sybez · September 2016

Ahh I see what you mean, thanks!

Is it possible to comment the image out for mobile?

Albert · September 2016

This would be possible only if you use shortcodes. So if you use them, then you can use WP Mobile Detect plugin to hide images on mobile.

sybez · September 2016

That worked great, thanks for the help!

sybez · September 2016

Ahh hang on!

How/where do I add shortcodes to the "image" item in the muffin builder?

sybez · September 2016

Found it. I had to change the "image" item to a "visual editor" item and manually write the code in.

Albert · September 2016

Yes, this is what you need but except using Visual Editor, you can use Column item as well. More details about shortcodes you can find on http://themes.muffingroup.com/betheme/documentation/#shortcode-generator

Image alignment messed up in responsive/mobile view

Comments