[Resolved] Hide on Mobile Version

This topic contains 3 replies, has 2 voices, and was last updated by  Andrew Misplon 4 months ago.

  • Author
    Posts
  • #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!

    #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;	
    	}	
    }
    #8606

    Amy Overton
    Participant

    Thank you so much! You are wonderful!

    #8608

    Andrew Misplon
    Keymaster

    Super 🙂 Glad that helped.

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

You must be logged in to reply to this topic.

Scroll to top