I have created my own theme using Blank Theme as it's base. In my theme, I have a file in web/css/source/_navigation.less As I understand, this file calls a mixin. .lib-main-navigation();which pulls everything that is included inside of it's definition at lib/web/css/source/lib/_navigation.less .

Inside this mixin, there is a value that is preventing my megamenu from functioning correctly.

.submenu {
  top: 0 !important;
  left: 100% !important;

How do I edit the value for that class in a way that does not touch the magento lib files? As I dont want to override the core magento files.

1 Answer 1


After a little tinkering, I discovered that I can simply create a copy of the lib folder and place it on the path /vendor/theme/web/css/source/lib/_navigation.less and it overwrote the native magento one.

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.