[NightFoxParticipant]

Hi there,

Can you please tell me how to hide a Creative CTA from mobile devices?

I can’t seem to work out how to do this?

Is there a ‘hide-mobile’ code or something that i can apply to the element via style or something?

Thx a lot.

[ZeshanMember]

Hi there,

Thanks for writing in!

You can hide the section/row that contains the Creative CTA on mobiles under Hide Based On Screen Width in the section/row settings (see: http://prntscr.com/7vcrv2).

Thank you!

[NightFoxParticipant]

Hey there thanks.
The issue is that i dont want to hide the entire row, but just a singular CTA button….
How would I do that please?

[Paul RModerator]

Hi,

For elements in cornerstone, you can use the class field to add visibility classes

Classes:

x-hide-xl – Extra Large | 1200px & Up
x-hide-lg – Large | 980px – 1199px
x-hide-md – Medium | 768px – 979px
x-hide-sm – Small | 481px – 767px
x-hide-xs – Extra Small | 480px & Smaller

eg.

If you want to hide your cta element in mobile you can add x-hide-xs class in the class field of your image element.

http://screencast.com/t/lHetWx8GDLN9

You can do the same for other elements.

Note: You need to enable advanced controls for the class field to appear.

Hope that helps.

[NightFoxParticipant]

Thank you very much.

So for all smaller browsers would this look like this:

x-hide-xs, x-hide-md, x-hide-xs

In the Class?

[Paul RModerator]

Hi,

You can separate the class with just a space, please remove commas

eg.

x-hide-xs x-hide-md x-hide-sm

Thanks

[NightFoxParticipant]

THANKS SO MUCH REALLY APPRECIATE

[ZeshanMember]

You’re welcome! 🙂

[Author]

Posts