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 :-)