How to hide the social media icons from the mobile site and contact info?

QuestionsCategory: CustomizationHow to hide the social media icons from the mobile site and contact info?
DC asked 4 years ago

Hi,

Recently purchased a theme from you which we’re really happy with and will be buying some more soon – just a couple of questions though – is there any way to hide the social media icons from the mobile site and contact info, but keep them on the desktop version on the Serene theme?

Thanks in advance for your help.

1 Answers
Baamboo Studio Staff answered 4 years ago

Hi,

You can hide the social media icons from the mobile site and contact info by the following steps:

Step 1: Go to THEME tab and click the Edit HTML/CSS button at the bottom left side.

Step 2: Choose main.less below STYLES on the left side (main_style.css in ASSETS folder for old themes). Locate the code as we marked in “guide_2.png” attachment image (by using ctrl+F for Window or Command + F for MAC)

Step 3: Add this code: #header {display:none;} under @media only screen and (max-width: 767px) as we marked in “guide_3.png” attachment image.

Step 4: Save the changes and hit Publish to verify the results.