-
Posts
-
Hey Enfold
I have issues with changing the menu background, font and burger menu.I have adjusted – Advanced Styling->Menu Links in overlay/slide out
– Font colour: #444444
– Font Hover colour: #444444
– Menu background: #faf7f2
– Menu Hover BG: #faf7f2But no change.
I added below css into quick css, which Mike has provide me with in a previous case
@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: #faf7f2 !important;
}
#top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a {
color: #faf7f2 !important;
}}
See print here
Please could you tell, what has to be adjusted?
Thx
Best regards
LeneHey Lene,
The CSS is working, I changed the colours for you so that you can see it applying.
Best regards,
RikardHi,
You can use this CSS to change the background in the mobile menu:
#top #wrap_all .av-burger-overlay-scroll { background-color: red; }Best regards,
RikardHi,
There is another configuration for the Menu Links in overlay/slide out element at the bottom of the Advanced Styling panel. We removed it and adjusted the code in the Quick CSS field a bit. Please purge the cache before checking the page. Let us know the changes helped.
Best regards,
IsmaelHi,
Thanks for the login, I found that your burger menu was #b5b5b5 before hover or click, which is set by Enfold Theme Options ▸ General Styling ▸ Logo Area ▸ Logo Area Secondary Font Color I changed it to black for you.
The homepage slide show arrows were set to white in the element style tab, I set it to black for you.
Please clear your browser cache and check.
I don’t have any of the devices you listed above, but try checking the screen resolution for them when the burger menu is not showing and we can try to investigate. When I test with my browser Dev Tools the burger menu shows for all screen sizes unless landscape where the main menu shows.Best regards,
MikeHi,
Can you explain more about where you are seeing this light blue? I’m not seeing this on the menu item or links in Chrome on Windows Dev Tools.
It sounds like the Safari -webkit-focus-ring-color if so you may want to consider that it is used for web accessibility.
If you still want to remove it please include a screenshot of it and paste the image URL in your post, and let us know what browser you are using.Best regards,
MikeHi,
Thanks for the screenshot, I can only recreate this when I hover my mouse over the menu item in the Elements Panel not by forcing the element state of :hover
Your screenshot shows a slideshow caption highlighted, not the menu item and the forced the element state is not shown, so it not clear what it going on,
but I pretty sure that this blue is only a helper color in the Dev Tools and not on the actual page.Best regards,
MikeHi,
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
- The topic ‘Menu background, font and burger menu – Change of colours’ is closed to new replies.