Social icons not shown on mobile

[ianlim2000]

I have enabled Top Bar. The social icons shown without any problem on my laptop.
But once I tried to view it in my mobile phone. The top bar and social icons is invisible without any reason. Is there any methods to make it visible, and works in mobile platform as well?
Thanks.

[Hapexi]

I have same issue.. Or rather the top bar goes to somekind of “mobile mode” and outputs a totally different element. I would like to keep the same that is on the desktop.

[Tahir – SUPPORT]

Hi ,
Its not an issue. But its built to act that way. I am sure Ed-Developer can put in the additional options in the next update as its not currently available.

Thanks
Tahir

[Swift Ideas – Ed]

Hi there,

You can enable this on mobile with the following custom css:

@media only screen and (max-width: 767px) {
#top-bar .tb-left, #top-bar .tb-right {
	display: block!important;
}
}

Hope that helps!

– Ed

[ianlim2000]

Hi,

It works! thank you so much.
But I do notice the alignment problem in mobile. Can I swift the social icons to the right without any padding on right hand?
Thanks.

[Melanie – SUPPORT]

Hey, can you let me see your site so I can check how it looks now? I’m sure we can give you custom css 🙂
Maybe this works already:

@media only screen and (max-width: 767px) {
#top-bar .tb-left, #top-bar .tb-right {
    display: block!important;
float: right!important;
}
}

If not, can I see your site?