Hey there,
i could not find a code for placing the logo centered and Burger on the right side.
In general setting i put the logo left and Burger Icon right and would now try to css the Logo in the middle of the Header.
Can you help me?
Thank you!
Hey Monika,
To center the logo on all screen sizes try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
#header_main .logo {
width: 100%;
}
@media only screen and (min-width: 882px) {
#header_main .logo svg {
margin: auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 881px) {
#header_main .logo a {
margin: auto;
}
}
@media only screen and (max-width: 767px) {
.responsive #top #header_main .logo {
margin: auto;
}
}
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.
Best regards,
Mike
GREAT! That worked! Thank you!
have a nice weekend
Monika
Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike