Add arrow(down) to third level

Sparkling
1

Hello, Ive add the third level hierarchy as in

`https://colorlibsupport.com/t/child-theme-menu-override-in-functions-php-adding-a-third-level-of-menu-depth/

How can I put the arrow down (to know there are more levels inside) on the new levels (Because if not, the user can’t know that there is another one)??

Thanks

2

Hi @gonzimalaga,

I hope you are well today and thank you for your question.

Could you please share me your site URL where third level menu is displaying so that i can help you to achieve it?

Best Regards,
Movin

3

http://santamariadelavictoria.es/

Examples of Third and also Fourth Level:
Cultos Anuales → Novena
Historia → Santuario → El tras Altar

4

You can display it by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

.navbar-nav ul li.dropdown a:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 4px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
5

Is almost ok, the problem is that it makes an arrow in all third levels regardless of it has or not another level. I activate it so you can see it.

6

Please change the above shared code as following.

.navbar-nav ul li.dropdown > a:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 4px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}