Hide submenu arrows

[fbrugger]

Hi there

Since I have updated PRO, the arrows for the submenu appear in the main menu. How can I hide these arrows?

Thank you very much for your help!

Kind regards,
Felix

[tristup]

Hi Felix,

Thanks for reaching out.
You can add the following custom CSS code into the Global CSS to remove the arrow.

.x-navbar .desktop .x-nav>li.menu-item-has-children i.x-framework-icon.x-framework-icon-menu:before {
    content: '' !important;
    font-size: 12px !important;
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes which means we can’t fix it in case it conflicts with something on your site nor will we enhance it. Further customization should be directed to a third-party developer or you can avail of One, where we answer the questions beyond normal theme support.

Thanks

[fbrugger]

Hi Tristup

Thank you very much for the CSS. That worked very well!

I was just wondering, why the arrows appeared after I updated PRO. There where no arrows before…

Thanks again for your great help!

Kind regards,
Felix

[tristup]

Hi Felix,

Glad that we are able to help you.

Thanks