Problem with social container

[IT EXPERIENCE]

Hi
I have a problem with the display of the “social-container”.
I can not see them in the mobile phone.
Even the menu does not look good in the mobile phone.
The site is: http://www.spazioinvista.it

Thanks for your help

[Veena]

Pls add the below custom CSS in themeoptions –

@media only screen and (max-width: 767px)
.social-container {
display: inline-block;
}
@media only screen and (max-width: 767px)
.social-container {
position: absolute;
display: inline-block;
top: 0;
margin-top: 60px;
}
@media only screen and (max-width: 479px)
#site-logo a, .social-container {
display: block;
/* text-align: center; */
}
@media only screen and (max-width: 479px)
#site-logo {
position: relative;
margin: 0 auto;
top: 0;
margin-top: 0; 
}
@media only screen and (max-width: 479px)
.social-container {
text-align: center;
top: 0;
margin-top: 60px;
}

[IT EXPERIENCE]

It does not work properly with this css.
The “social-container” overlaps with the slider I want to make it appear above the logo.
Thanks

[Veena]

Pls add the following custom CSS –

@media only screen and (max-width: 767px)
{
.social-container {
position: absolute;
top: -20px;
left: 0;
margin-top: 0;
}}

[IT EXPERIENCE]

This reply has been marked as private.

[Veena]

You have missed opening and closing brace of media query, this was the only issue.I have corrected it.Pls check once.
Thanks

[Author]

Posts