How do you apply shortcodes to images? Trying to use visibility shortcodes to hide some images on mobile

[gdub132]

I am working with the visibility shortcodes. On a page of my website I have images and text alternating on the left and right sides of each other. On mobile however they are featured vertically and the text and images show out of order (since they cannot be next to each other because all elements are stacked vertically). I am able to apply the visibility shortcode to text but how can I do it for images?

[friech]

Hi @gdub132,

Thank you for writing in, please watch the video below, it will achieve what you need without using visibility features.

Layout Tricks: Reverse Column Order Responsively

However, you will need to update your X theme and Cornerstone first to the latest version because that feature is only available in the latest version.

Updating Your Themes and Plugins

You might need to Perform the Manual Update method since the automatic update might not work with your current version.

Remember to clear all your caching features (plugin, server-side, CDN, and browser’s cache) after updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

Let us know how it goes,
Cheers!

[gdub132]

Thanks for this, I updated the theme and plugins. However I’ve watched the video and I’m not seeing the Layout Options “Reverse” or “Grow” in Cornerstone when I’m editing the page. What do you think that is?

Thanks.

[friech]

Hi @gdub132,

Please confirm the following:

• You enable the Advance Mode
• You’re inspecting the Row, not the section nor column.
• You have the latest Row, not the Classic Row that is from the old version (Classic Row looks like this).

Hope it helps,
Cheers!

[gdub132]

Thanks, this worked though the theme/cornerstone still seems buggy and I’m having issues saving, but it’s moving forward. Appreciate it.

[ruenel]

You’re welcome!
We’re glad @Friech were able to help you out.