11
Views
2
Comments
Solved
Sub Menu Arrow CSS
Question

Hi I've created a submenu and It seems that its not changing the color of the arrow
I want to turn it to white, I've triedapplying it to almost all .submenu tags and it still not changing the color. please help thanks! :) 

mvp_badge
MVP
Rank: #75
Solution

Hi nikkoli,

Based on the mentioned use-case, you just have to define the below mentioned CSS definition in the respective screen/block style sheet section

.submenu-icon:before, .submenu:hover .submenu-icon:before {
    border-color: #FF0000; // #fff -> white
}


Hope this helps you!


Kind regards,

Benjith Sam

Rank: #2834

Hi Nikkoli,

Please use the below CSS in the menu web block

.submenu.active .submenu-icon:before {
    border: var(--border-size-s) solid #fff !important;
    border-top:  0 !important;
    border-right: 0 !important;
}


Hope this helps you.

Thanks,

Diksha