nikkoli castilan
Rank: #4783
11Views
2Comments
Solved
Sub Menu Arrow CSS
Question
CSS

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! :) 

0
0
on 2020-12-04
Copy link to comment
Benjith Sam
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

0
0
on 2020-12-04
Copy link to comment
Diksha Magre
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

1
0
on 2020-12-04
Copy link to comment