Hamburger menu overlaps logo
Permalink Browser Info Environment
When in mobile mode, the hamburger menu overlaps the logo. Is it possible to move the menu to the left so it doesn't overlap?
Seehttp://www.anvilsoup.tk
Seehttp://www.anvilsoup.tk
Type: | Pre-Sale |
---|---|
Status: | Resolved |
Hello, where do you go to adjust the hamburger padding/margin?
Thanks.
Thanks.
You can override default styles via "custom.dev.less".
For more information about how to use this file check "Instructions" page #18
For more information about how to use this file check "Instructions" page #18
Try this:
@media (max-width: 479px) {
.container,
#header.full-header .container,
.container-fullwidth { width: auto !important; }
}
@media (min-width: 480px) and (max-width: 767px) {
.container,
#header.full-header .container,
.container-fullwidth { width: auto !important; }
}
@media (max-width: 479px) {
.container,
#header.full-header .container,
.container-fullwidth { width: auto !important; }
}
@media (min-width: 480px) and (max-width: 767px) {
.container,
#header.full-header .container,
.container-fullwidth { width: auto !important; }
}
Brilliant! Thank you.
TanX echan101 for sharing.
Cheers,
Cheers,
OK thanks for the super quick reply!
You can decrease the padding/margin of hamburger menu, but I think current distance is standard. I recommend lessening the logo width a bit.