Hide Elements on Mobile View

MichaelBanksPhoto

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

Hikin' Mike

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

} 

MichaelBanksPhoto

Perfect... thank you :-)

alexanderpatton

> @"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...