Hide Social Icons from Header on Mobile

Public Ticket #16419

Conversation thread

5 years ago

Staff Reply

Hi,

Please add more of the code as I said and save it & clear all the cache then check it again.

If it still doesn't work, keep the code in Customize > Custom CSS and let me know to I can check it. I didn't see you've added the code on your site.

Best Regards,

PenciDesign

5 years ago

Customer Reply

Hi there! Unfortunately, this does not work.

5 years ago

Staff Reply

Hi,

You can try adding more of this code to Customize > Custom CSS to do that:

@media only screen and (max-width: 768px){
.main-nav-social{ display: none; }
}

Best Regards,

PenciDesign

5 years ago

Conversation Start

Hi there - I would like to HIDE the social media icons on the header bar ONLY on mobile. How would I go about doing this?

Thank you!

Want to join this conversation or access attachments? Sign in first.