-
AuthorPosts
-
May 4, 2020 at 1:01 pm #1209515
Hi,
I have a question about the flyout menu.
I would like the active link (green) to be colored in the menu. So that you can see which side you are on. This also applies to submenus. is that possible? I couldn’t do it in Enfold / Extended Styling.Thanks in advance
Best regards
JürgenMay 4, 2020 at 1:03 pm #1209516I forgot something else: Can i make the distance between the links and the upper edge smaller in the flyout menu?
May 4, 2020 at 10:10 pm #1209744Hi,
Add this to quick css:
.current_page_item.current-menu-item{ background-color: #006570!important; }Best regards,
Jordan ShannonMay 5, 2020 at 9:43 am #1209855Hi Jordan,
thank you! Can you also give me the code to only color the font differently – for active link only.2. Can you tell me if I can change the distance of the menu upwards? So the entire menu should simply slide up a bit in the fly out. See also screenshot attached.
Thanks a lot
Best regards
JürgenMay 5, 2020 at 10:46 pm #1210107Hi,
For # 1 add this to quick css and adjust the color to what you need:
.current_page_item.current-menu-item a{ color: yellow!important; }For #2 the distance is centered based on screen size. For example, I’m on a laptop so the menu is viewed higher that your screenshot.
Best regards,
Jordan ShannonMay 6, 2020 at 11:16 am #1210283Hi Jordan,
For # 1: Problem solved! great, I can also use it for my other pages!
For # 2. First I leave it as it is!Thank you
Best regards
JürgenMay 6, 2020 at 9:55 pm #1210492Hi,
Great, I’m happy to help! Did you need additional help with this topic or shall we close?
Best regards,
Jordan ShannonMay 7, 2020 at 9:59 am #1210661… you can close it
May 8, 2020 at 6:44 am #1210928 -
AuthorPosts
- The topic ‘colored active link in flyout menu’ is closed to new replies.
