Social icons on the same line as the menu on smaller screens

[quentro]

Maybe you can help me here with some lines off css… Thank you very much

[satori]

Hey Quentro,

here goes:

@media only screen and (max-width: 1030px) and (min-width: 767px) {
#header #logo-wrap {
display: block !important;
margin-bottom: 20px;
#header #nav-wrap {
display: table-cell !important;
}
#header #nav-wrap #nav-primary {
padding-left: 20px !important;
}
#header #social-top {
display: table-cell !Important;
padding-left: 20px !important;
}
}

You can insert this code into the “Style: Add Custom CSS” tab of the Theme Options panel, or, if you are using a child theme (which is recommended) – into the child theme’s style.css file.

Please let me know if it works!

Sincerely,
Andrii / Satori Studio

[quentro]

Thank you. Very helpful.

[Author]

Posts