Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 total)
- The topic ‘Center logo in left sidebar menu’ is closed to new replies.
Hello,
I use this code to center the logo on the desktop version,
/* Centrar logo sidebar left */
.html_header_sidebar #top .logo {
float: none;
margin-left: auto;
margin-right: auto;
width: 201px;
}
/* Tamaño logo*/
.html_header_sidebar .logo {
padding: 9px;
width: auto;
}
.logo img {
margin-top: 10px;
margin-bottom: 25px;
}
How can I make the logo stay normal, aligned to the left in the mobile version?
Thanks
Hey Jose,
Please try wrapping it in a media query, like so:
@media only screen and (min-width: 768px) {
/* Centrar logo sidebar left */
.html_header_sidebar #top .logo {
float: none;
margin-left: auto;
margin-right: auto;
width: 201px;
}
/* Tamaño logo*/
.html_header_sidebar .logo {
padding: 9px;
width: auto;
}
.logo img {
margin-top: 10px;
margin-bottom: 25px;
}
}
Best regards,
Rikard
Nice, works :)
Thanks for your help Rikard, works perfect. +10
Best regards
Hi Astrobiologic,
We’re happy to hear that :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko