Remove Header Contact Area and Social Media Icons for Mobile Site

Is it possible to removed the header email and header social media icons from mobile site?


Please try this CSS code below to hide it:

@media only screen and (max-width: 500px){
  .header-contact {
    display: none;

Put the code into: Customize > additional CSS


1 Like

Great fast support as always - it worked. I asked how to add this exact section to the bottom of my site above the footer credits for the desktop and mobile sites in a seperate post if you could get back to me. Thanks Awan.