[SahilDParticipant]

I am trying to remove the social icons from top bar but I can’t seem to find a way, I really would like to remove social icons from everywhere from my site, I have highlighted the problem in screenshot below.

file:///C:/Users/Sahil/Downloads/Customize%20%20Home%20-%20Safeway.png

[RupokMember]

Hello There,

Thanks for writing in! Unfortunately you have provided your local computer’s link that couldn’t be accessed by anyone. Would you please upload it somewhere and give us the link? You can upload it here – http://imgur.com/

Also, would you mind providing us your site url so that we can have a closer look into the issue?
Thanks for understanding.

Cheers!

[SahilDParticipant]

Sorry about the link, here is the new one hope this works http://i.imgur.com/yX68C8C.png

My site Url: safewayexport.com

I have highlighted the social icons I want to remove in upper right, top bar of all the themes in X has those kind of social icons there, It would be great if I can hide them.

Thank you

[Prasant RaiModerator]

Hello There,

It seems that you have managed to remove social icons from top bar. We are not able to see social icons in the header section of the website.

Thanks.

[SahilDParticipant]

Please check again on my site now before it was not showing the top bar altogether

safewayexport.com

[Rue NelModerator]

Hello There,

To remove your social icons the in top bar, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-topbar .x-social-global {
   display: none;
}

Please let us know if this works out for you.

[SahilDParticipant]

Thank you, that code has removed the icons from the top bar

[RadModerator]

You’re much welcome 🙂

[SahilDParticipant]

Hey, can you please also tell me how can I reduce the height of the top bar? It’s bit oversized right now, would be great if I was able to customize it, apart from top bar I wish I could also reduce the side of footer from top, unfortunately I don’t know how to code 🙁

URL – safewayexport.com

Thank you.

[ThaiModerator]

Hi There,
Try adding following CSS under Appearance > Customize > Custom > CSS:

.x-topbar {
  max-height: 46px;
}

Hope it helps.

[SahilDParticipant]

It worked, thanks again

[RupokMember]

Hello There,

Glad that it worked. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Author]

Posts