Dropdown Arrow of Level 3 menu


On the mobile version of my website, the level 3 menu driodown arrow is not shown. Probably because the background of my menu is black.

Go to www.tc-depollepel.be and navigate to Beach Sports. There you will see 3 sublevel menu items. Under Beachcup there are 3 sublevels as well so I would expect to see a dropdownarrow.

Can someone help me out?

Thanks in advance!


hey there

Hope you are having a good day and thank you for your question
Please add this CSS in appearance - customize - additional CSS

.menu > li ul.dropdown-menu:after {
position: absolute;
top: 0;
right: 0;
font-size: 11px;
content: “\f107”;
font-family: ‘fontawesome’;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;

Colorlib Support Team


sorry but this is not solving the issue. I still don’t see the dropdown arrow for all level 3 menu items on the mobile menu.

hello :slight_smile:

Sorry, i agree, please remove it and use this one:

.menu > li > ul > .dropdown:after {
color: #ffb342;

Thanks! This worked fine.

Hi there,
I’m glad this got to work.
Please feel free to reach out once again in case of any more questions.
Best Regards,