Image alignment messed up in responsive/mobile view

sybez

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

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

sybez

Ahh I see what you mean, thanks!

Is it possible to comment the image out for mobile?

Albert

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

sybez

That worked great, thanks for the help!

sybez

Ahh hang on!

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

sybez

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

Albert

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next