-
Posts
-
hello,
I would like to have the background of my MAIN ITEMS in the flyout menu show the color #e1e1e1, but as soon as I click on those with submenu items the background of the submenu tems remains in white.
So the main menu item stand out even when clicked on and showing the submenu items.
thanks noraI would just like to have the submenu items (as soon as you click eg. on SPORTLER, a drop down menu opens and you can see the submenu items) to have the font color #71a4de, and the background color #ffffff.
Thanks so much!Hi,
Thank you for sharing the details.
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
In the below CSS snippet, please feel free to change the submenu background color “gold” to any color code of your choice. (This is an optional code you do not have to use it if you don’t want to change the submenu background color)
CSS Snippet:
/* CSS - */ /* Parent menu background color */ #top #wrap_all #header .av-burger-overlay #av-burger-menu-ul li.av-active-burger-items.av-show-submenu > a { background:#e1e1e1; } /* Submenu background color */ #header li.av-active-burger-items.av-show-submenu a { background:gold; }Best regards,
VinayHello,
Thanks for the info – however, I added it to the child theme style.css but it didn’t have any effects on my project. No other color is showing. I cleared my cache, but no color is showing…
Also: How could you also be so kind and let me know how to change the FONT COLOR of the submenu items, not only the background color?
THANKS NoraHi,
The site looks good on my end. You may not see the changes until the cached files are cleared in your browser.
Please perform the below steps to clear the browser cache:
1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.
I have added new CSS property to change the link color in the child theme.
Best regards,
VinayThanks so much!
Can you give me some advice on why my fullwidth submenu is not sticky, although I set it to sticky? I already updated the theme to the latest version, but this didn’t help.
It’s the menu on top that show SHIATSU, OSTEOPAHTIE etc. – it should stick to the top as soon as you scroll down.THANKS Nora
AND SORRY – most importantly. I have those submenu items in my burger menu eg. SPORTLER – is there a way to make SPORTLER also linkable, or is the only option to make a clone? It just looks to weird if there is the same word showing again in the submenu!
THANKS NoraUpdate:
1. Is there a way to make my submenu items colored when clicked in my flyout menu AND in my fullwidth submenu. So let’s say I click on a submenu item under SPORTLER and the page loads, so this submenu item is highlighted in a different color so the user know where he’s at?
2. If I don’t show ALL submenu items right away in my flyout menu, is there a way to make the first item SPORTLER also linkable, or is the only option to make a clone? It just looks to weird if there is the same word showing again in as a submenu item!
THANKS SO MUCH.
NoraUpdate:
1. Is there a way to make my submenu items colored when clicked in my flyout menu AND in my fullwidth submenu. So let’s say I click on a submenu item under SPORTLER and the page loads, so this submenu item is highlighted in a different color so the user know where he’s at?
2. If I don’t show ALL submenu items right away in my flyout menu, is there a way to make the first item SPORTLER also linkable, or is the only option to make a clone? It just looks to weird if there is the same word showing again in as a submenu item!
THANKS SO MUCH.
NoraHi,
Can you give me some advice on why my fullwidth submenu is not sticky, although I set it to sticky?
1.) We provided a possible solution in the following thread. Please refrain from veering away from the original topic because the thread might get confusing.
// https://kriesi.at/support/topic/submenu-not-sticky/#post-1101745
– is there a way to make SPORTLER also linkable,
2.) You can only clone the parent menu item if you chose to display the sub menu items on click.
If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.
Thanks!
Best regards,
IsmaelSorry, not solved!
There is one more question:
1. Is there a way to make my submenu items colored when clicked in my flyout menu AND in my fullwidth submenu. So let’s say I click on a submenu item under SPORTLER and the page loads, so this submenu item is highlighted in a different color so the user knows where he’s at?eg. Under SPORTLER you click on REGENERATION and the page loads. When clicking on the burger menu again REGENERATION has a darker background color #333333 so the user sees where he currently is in the menu?
SAME FOR THE FULLWIDTH SUBMENU?THANKS SO MUCH!
Hey!
If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.
Thanks!
Regards,
IsmaelOK, but this is still about the flyout menu and how to add colors to submenu items. So this is actually IN RELATION TO THE TOPIC.
Should I still open a new thread?
THANKS NoraHi,
Please find the code for burger menu and submenu items:
Active parent and submenu on Burger Menu
/* Active burger menu links */ #top #wrap_all #header .av-burger-overlay #av-burger-menu-ul li.current-menu-item a { color:green; } /* Active burger menu links */ #top #wrap_all #header .av-burger-overlay #av-burger-menu-ul li.current-menu-item li.current-menu-item .avia-menu-text { color:gold; }To highlight the active submenu please refer to the below link
Both the burger menu and submenu are separate elements so it cannot be linked with each other to highlight the menu items.
Best regards,
VinayHi,
Please find the code for burger menu and submenu items:
Active parent and submenu on Burger Menu
/* Active burger menu links */ #top #wrap_all #header .av-burger-overlay #av-burger-menu-ul li.current-menu-item a { color:green; } /* Active burger menu links */ #top #wrap_all #header .av-burger-overlay #av-burger-menu-ul li.current-menu-item li.current-menu-item .avia-menu-text { color:gold; }To highlight the active submenu please refer to the below link
Both the burger menu and submenu are separate elements so it cannot be linked with each other to highlight the menu items.
Best regards,
VinayI added the code you sent to the style.css of my child theme but nothing happened. It didn’t change the color.
In my burger menu, when I click on eg. REGENERATION under SPORTLER, and then view the menu again, the colors remain the same. I would have liked to show a different color so the user understands where he’s at.
THanksI added the code you sent to the style.css of my child theme but nothing happened. It didn’t change the color.
In my burger menu, when I click on eg. REGENERATION under SPORTLER, and then view the menu again, the colors remain the same. I would have liked to show a different color so the user understands where he’s at.Also, the enfold documentation about the fullwidth submenu only shows how to add color to a fullwidth submenu on a ONE PAGEER. My fullwidth submenu is not on a one-page site.
AND: On mobile the fullwidth submenu needs to show a clone in order to work properly? If so, how can I set showing a clone ONLY ON MOBILE, because on Desktop it works fine as is.
THanksHi,
We added this css code at the very top of the Quick CSS field.
#top #wrap_all #header .av-burger-overlay #av-burger-menu-ul .current-menu-parent > a { color: red !important; }Please adjust the color value and don’t forget to remove the browser cache prior to checking the page.
Best regards,
IsmaelThanks, that works fine.
And how do I set the fullwidht submenu colors to a different color when active?
The enfold documentation about the fullwidth submenu only shows how to add color to a fullwidth submenu on a ONE PAGEER. My fullwidth submenu is not on a one-page site.AND: On mobile the fullwidth submenu needs to show a clone in order to work properly? If so, how can I set showing a clone ONLY ON MOBILE, because on Desktop it works fine as is.
THanks
- The topic ‘flyout menu coloring’ is closed to new replies.