[Resolved] Hide on Mobile Version

This topic has 3 replies, 2 voices, and was last updated 6 years, 10 months ago by Andrew Misplon.

Author
Posts
January 18, 2018 at 1:30 am #8603

Amy Overton
Participant
Hello,
I have a quick question on how to hide aspects of my site on the mobile version. For example, I would like to hide icons on mobile and not the text. Site: http://beavertree-al.com.
Thank you so much!
January 18, 2018 at 2:56 am #8604
Andrew Misplon
Keymaster
Hi Amy
For anything that you can add a class to like a Page Builder row or widget you can do the following…
1. Add the following to the class field offered by the row or widget:
mobile-hide
2. Add to Custom CSS:
```
@media (max-width: 780px) {
	.mobile-hide {
		display: none;	
	}	
}
```
January 18, 2018 at 7:14 am #8606

Amy Overton
Participant
Thank you so much! You are wonderful!
January 18, 2018 at 4:13 pm #8608

Andrew Misplon
Keymaster
Super 🙂 Glad that helped.
Author
Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.