Cornerstone Visibility Shortcode Tablet and Mobile

Support
#1

I want certain content to be displayed only for mobile and tablets. I tried [x_visibility type="visible-tablet, "visible-phone"] [/x_visibility] and thats not working. How do I do it in one shortcode and not two?

Thanks.

#2

Hi there,

Please add the following classes to the elements that you want to be hidden on desktop view:

cs-hide-lg cs-hide-xl

Hope this helps.

#3

Thank you for your reply. I need to get this done in a shortcode, is it possible?

#4

Hello There,

You can make use of this shortcode:

[visibility class="cs-hide-lg cs-hide-xl"] Place your content here that is only visible in phones and tablets. [/visibility]

Hope this helps.

#5

I got what you meant now, thank you, it works.

#6

You’re welcome.