Hide Elements on Mobile View

MichaelBanksPhotoMichaelBanksPhoto Registered Users Posts: 4 Big grins
Hi all,

I am trying to figure out how to hide a couple of elements when my site is being viewed on a mobile device...

The elements are the Telephone Number and the Social Media icons directly under the main menu.

Anyone able to guide me in the right direction?

www.michaelbanks.photo

Thanks,

Michael

Comments

  • Hikin' MikeHikin' Mike Registered Users Posts: 5,446 Major grins

    Add this to your theme's custom CSS section:

    /**
    * Hides Phone Number and Social Icons on Mobile
    *************************************************/
    @media ( max-width: 736px ) {
    
      .sm-page-widget-31269039 /* Phone */,
      .sm-page-widget-31269010 /* Social */{display: none;}
    
    } 
    
  • MichaelBanksPhotoMichaelBanksPhoto Registered Users Posts: 4 Big grins
    Perfect... thank you :-)
  • alexanderpattonalexanderpatton Registered Users Posts: 2 Beginner grinner
    > @"Hikin' Mike" said:
    > Add this to your theme's custom CSS section:
    >
    > /*** Hides Phone Number and Social Icons on Mobile*************************************************/@media ( max-width: 736px ) { .sm-page-widget-31269039 /* Phone */, .sm-page-widget-31269010 /* Social */{display: none;}}

    Any chance you might be able to help me as well (or anyone else!)

    For https://www.ticaboomedia.com, I am trying to remove the area on the left with my contact information as well as the "Official Photographer" image from mobile. Can't figure out the widget ID numbers...
Sign In or Register to comment.