Hi,

I'm trying to change it so the social header widget doesn't display on every page of http://www.larkchiropractic.com on mobile.

I like that the site displays the header widgets on the home page. However, I don't want it to display on other interior pages while on mobile devices. I know I could use a css media query visibility: hidden on class header-widgets but that would also hide it on the front page as they share the same class. I believe I could change the classes on the homepage header widget so it doesn't apply my media query changes but I feel there is an easier option like creating a separate header widget for interior pages that then queries on mobile. 

So how would you recommend me going about make these changes? Thanks.