Skip to Content (Press Enter)
UserImage.jpg
nikkoli castilan
226Views
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
04 Dec 2020
Copy Link
2021-03-18 21-03-15
Benjith Sam
 
MVP
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

1
0
04 Dec 2020
Copy Link
2020-07-27 11-07-36
Diksha Magre

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
1
04 Dec 2020
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.