Hello,
on resizing my browser window i have a problem that on some size i get a white bar in the header. In the page settings i have transparent header cause i have no logo an use this custom css .logo, .responsive .logo { display: none !important; }
. When i choose hide header on this site all is fine but then i have no burger menu. Link to the page is in private content.
Hope for some help.
Thanks,
Banshee350
Hey Banshee350,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive.html_mobile_menu_tablet #top #wrap_all .av-logo-container {
height: 0 !important;
}
}
Best regards,
Rikard
Thanks you Rikard, works well! I also just noticed that the burger menu icon is white on desktop and after resizing the window smaller it got grey. Is there also a way to fix it?
Hi,
Please try this CSS as well:
@media only screen and (max-width: 989px) and (min-width: 768px) {
.html_mobile_menu_tablet .header_color div .av-hamburger-inner {
background-color:#fff !important;
}
}
Best regards,
Rikard
I dont works perfectly. On some size only the middle bar of the burger menu is white. Screenshot is in private content.
Hi Banshee350,
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) {
#top .header_color .av-hamburger-inner,
#top .header_color .av-hamburger-inner:before,
#top .header_color .av-hamburger-inner:after {
background-color: #fff;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Thank you very much! Now it works without any trouble.
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon