Remove drop down arrows off top menu only

[King]

Hi,

Is there a way to remove the dropdown arrows off only the top menu but leave them on the submenus below it? Also can i change the double down arrow icon to a single right arrow (the one that looks like > ) Thanks.

[Prasant]

Hello @King,

Thanks for asking.

You can add following CSS under X > Theme Options > CSS to make necessary changes:

.x-navbar .desktop .x-nav li>a>span:after{display: none;}

.desktop .sub-menu li>a>span:after{display: inline-block !important; }

.x-navbar .desktop .x-nav li>a>span:after {
    content: "\f105";
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar:

https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial:

https://www.youtube.com/watch?v=yfoY53QXEnI

Thank you.