I have set up a new magento2 store and I added some jqery-ui items ( accordion and tabs) and for them to work, I was included the jquery.css in my _extend.less inside my custom theme.

Unfortunately now it added to the standard magento2 navigation multiple animations and icons that i don't want, because the navigation has jquery classes by default.

My question now: How do i remove those classes from the menu, so i can use the jquery.css? Or how can i solve this, without styling all the jquery by hand?

Thank you.

navigation classes

1 Answer 1


Just open file topmenu.phtml and change:


<ol class="nav-primary" data-mage-init='{"menu":{"responsive":true, "expanded":true, "position":{"my":"left top","at":"left bottom"}}}'>
     <?= /* @noEscape */ $_menuHtml?>
     <?= $block->getChildHtml() ?>


<ol class="nav-primary">
      <?= /* @noEscape */ $_menuHtml?>
      <?= $block->getChildHtml() ?>

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.