Hello

To ensure your social icons appear on all screen sizes, try adding the following to the Custom CSS field of your templates parameters...

@media only screen and (max-width: 1024px) {

#socialmedia {

    display: inline !important;

    top: 60px;

}}

Ciarán

Hi Ciaran,

thanks for your answer.
The CSS works but the icons are wrong and overlaid on the options menu.

Deputy reference images.

Hi Ale

It is a bit tricky as there simply is not the room to accommodate the social icons on the smaller screen devices which would have been the reason for disabling them in the first place. Could you try using the following Custom CSS instead...

@media only screen and (max-width: 1024px) {

#socialmedia {

    display: inline !important;

    position: relative;

    right: 0;

}}

Ciarán

Hi Ciaran,

Thank´s it work.

may hide an icon only for the mobile version?

Regards.

Hello

Which icon are you looking to hide?

Ciarán

Hello

Linkedin for example... but only in the movil version.

Regards,

Hi

You could try something like the following which will hide this icon on touch devices...

.touch .social-linkedin {display:none !important;}

Ciarán

Thank´s so much Ciaran.

Regards,