On Mobile, the burger menu icon is over the logo. How can I fix this or move the menu to the right side or logo smaller?
Hey bemodesign,
Add this to quick css:
@media only screen and (max-width: 767px)
.responsive #top .logo {
width:50%!important;
}}
Best regards,
Jordan Shannon
I added this and it is in the same spot, over the logo and to the left of the shopping cart icon.
Hi bemodesign,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .logo img {
width: 30%;
margin-top: 20px;
}
}
@media only screen and (max-width: 767px) {
.responsive .logo img {
width: 70%;
margin-top: 13px;
}
}
If you need further assistance please let us know.
Best regards,
Victoria