• 0
Sign in to follow this  
Followers 0

Make area not visible on Mobile?

Question

Posted · Report post

I have a text box in a column and holding a graphic.  I would like for the text box not not be displayed when the screen gets to either ipad mini or iphone size.  Is this possible?

Share this post


Link to post
Share on other sites

4 answers to this question

  • 0

Posted · Report post

Hi jmad - You would want to use the media queries for that column/graphic. At the moment, the developers are working on adding a visibility class to the individual section's styling classes, but hide there is a workaround that should get you to where you want to go as follows:

 

Go to the section you wish to hide on a mobile device, in the styling classes field, add the following class name.
 
hidy-phone
 
Click publish. Now go to DMS Toolbar > Custom Code > Custom CSS/LESS editor and add the following:
 
@media (max-width: 767px) {
  #site .hidy-phone {
    display: none;
  }
}
 
Click publish and refresh, when the site reloads, reduce your browsers window size and the section that has the hidy-phone class should no longer be visible. You can apply this class to any sections you like.
1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Or resizing the graphic (actually an icon font) would work as well.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Jake

Worked great.  I'm still new to CSS and understand everything in the code you provided except what the @media does?  

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hello jmad

 

The best explanation of @media queries i have seen is located on this site http://css-tricks.com/css-media-queries/ 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0