Tagged: center logo, change color, hamburger, menu
Hi Kriesi
I’ve tried a lot of your CCS suggestions that I’ve gotten in other threads.
But so far, nothing has worked yet.
Would you like to take a look at my site and see if you can fix it?
I’d like the logo in the middle and a little bit bigger.
And then I’d like to change the color of the burger, just black.
Hey Tobias Rosenqvist,
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){
.html_mobile_menu_tablet .header_color div .av-hamburger-inner,
.html_mobile_menu_tablet .header_color div .av-hamburger-inner::before,
.html_mobile_menu_tablet .header_color div .av-hamburger-inner::after {
background-color: #000;
}
.logo img {
padding-top: 0px;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi Victoria
I’ve tried to add that.
Unfortunately, it doesn’t work.
Neither in Quick CSS nor custom.css.
What can I do from here?
– Tobias
Hi Tobias,
Please try this CSS as well:
@media only screen and (max-width: 767px) {
.responsive #top .logo {
width: 100%;
}
.logo img {
display: table !important;
margin: 0 auto !important;
}
}
Best regards,
Rikard
Hi Rikard
It works!
Thank you very much for the help, I don’t need any more help for now.
Tobias
———————
23.01.2020
Hi again
Is it possible for you to help me one more time.
I would like to get some air above the logo, on mobile.
Can you help me with that?
Tobias
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon