Drop down arrows

[fortknoxusa]

how to get rid of drop down arrows in the menu on desktop?

Also is there a way to have the sub menu items have a divider line between them?

[Prasant]

Hello @fortknoxusa,

Thanks for asking.

To remove dropdown menu icon and inorder to have separator between submenu items please add following CSS under X > Theme Options > CSS:

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

.desktop .sub-menu a {
    border-bottom: 1px solid #ddd;
}

.desktop .sub-menu li:last-child a {
    border-bottom: none;
}

You can change the color code (#ddd) as per your requirement.

Above changes are done using custom CSS. If you would like to explore CSS, please take a look at following resource:

https://www.w3schools.com/css/

Please note that providing support for custom codes (like CSS changes) falls outside the scope of support we can offer. In case of any issues with the layout because of custom codes we won’t be able to provide support.

Thanks.

[fortknoxusa]

Thanks for the help! it worked

[ruenel]

You’re welcome!
It’s good to know that it has worked for you.