Side Nav - Menu Customization
Posted: Thu May 04, 2023 12:33 am
Hello,
It would be great if someone could help with the follow scenarios:
Q1: Adjust border and background - so far I have a light blue background and the dark blue border on the left which I could customize in the skin, but I actually need it to look like our software product where the dark blue border is shorter in height and has a radius on this and the background color. (on all levels, when selected) Need it to show like this: Q2: For the icon I have it showing in black but when selected I want to change the icon to be blue, how is this possible?
In addition how can I show the icon on items that are not expandable, such as FAQ, Tips, Company
Thanks
Robin
It would be great if someone could help with the follow scenarios:
Q1: Adjust border and background - so far I have a light blue background and the dark blue border on the left which I could customize in the skin, but I actually need it to look like our software product where the dark blue border is shorter in height and has a radius on this and the background color. (on all levels, when selected) Need it to show like this: Q2: For the icon I have it showing in black but when selected I want to change the icon to be blue, how is this possible?
Code: Select all
ul.sidenav > li.is-accordion-submenu-parent:nth-child(1) > a::before
{
content: url('../Images/icons/SideNavOverviewIcon_Black.svg');
position: absolute;
left: 3px;
}Thanks
Robin