How to disable social icons in header, ONLY ON MOBILE

Support
#1

Hello,

In my wordpress website homepage, in the desktop version, the social icons are fine, on the upper right corner, good.
But in the mobile website, they are the first thing a visitor sees. I do not like that in the mobile website, I want those social icons to fully disappear in the mobile website, but not on the desktop version.

How can I do that??

website is:

Thanks!!!

#2

Hi @010mac,

Thanks for writing in!

To hide this social icon you have to use custom CSS for that, targeting only mobile device.
Please add this CSS to your X-> Theme Option -> CSS and let us know how this goes.

@media (max-width: 767px) {
.x-topbar {
display: none !important;
}
}

Hope this helps!

1 Like
#3

worked great, thanks a lot!!!

#4

You’re welcome. Glad we could help.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.