cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 
aksel_waechter
Community Member

How to I hide content (e.g. text) on a page in the Canvas app?

Hi there,

There is certain content on a page, in this case text which I only want to make visible on the Canvas app (iOS and Android app). I am aware of using the code below to hide content from the desktop, phone and tablet version but what would I have to do to hide content only in the mobile app version?

<div class="hidden-desktop hidden-phone hidden-tablet no-print">

ADD CONTENT HERE

</div>

I know it is not as simple as:

<div class="hidden-desktop visible-phone hidden-tablet no-print">

ADD CONTENT HERE

</div>

Thanks for your input Smiley Happy

0 Kudos
1 Reply
wilfried
Community Participant

 

The only way I've found so far is to make two css files. One for the standard theme and one for the Mobile app.

 

For the canvas app them add/upload this

.hiddenapp {
display: none;
}

 

For the standard theme add/upload this

.hiddendesktop {
display: none;
}

Then when you want something to only appear on the canvas app use this div class

 

<div class="hiddendesktop">

<p> secret info for app users</p>

</div>

 

Then the opposite for content only for desktop

<div class="hiddenapp">

<p> secret info for desktop users</p>

</div>