• 0
Sign in to follow this  
Followers 0

Using visibility (Mobile)


Question

Posted · Report post

Hi I am trying to use the '.hidden-phone' styling class, however it does not hide the section.
I have simply pasted 'hidden-phone' into the styling class section on the text box I want to hide, however it doesn't seem to be working.

Any help would be appreciated.

Share this post


Link to post
Share on other sites

4 answers to this question

  • 0

Posted · Report post

What would be a mobile screen size and can I modify the CSS with something like:

.visible-phone {
max-width: 800px }


Also I have tried to apply:
'visible-desktop'
However this still displays the section on all screen sizes.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Same question here...

 

I have a text box that contains a banner ad. The banner is wide so it breaks the nice mobile layout. I added hidden-phone to the styling class, but it still shows up. Any suggestions?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi there, try giving your banner it's own class and then use css to hide depending on the screen size.

 

@media (max-width: 767px) {

.my-banner { display: none; }

}

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