0

this style is causing an issue with my mobile menu.

  .navigation .submenu:not(:first-child).expanded {
    display: block !Important;
  }

I have tried to overwrite it but it still appears as a duplicate. Is it possible to remove this completely from my theme.

I am trying to replace the rule with

  .navigation .submenu:not(:first-child).expanded {
    display: none;
  }

I cant use none !important because that then breaks something else. So thats why i need to remove it completly

Improve this question
2
  • When you say it appears as a duplicate, do you mean that it exists as an overwritten rule when you inspect that element, or is it actually being applied instead of your overwrite?
    – jiheison
    Jun 7, 2021 at 22:29
  • It will just exist as another rule. I am trying to completly change the rule to .navigation .submenu:not(:first-child).expanded { display: none; }
    – Carter
    Jun 9, 2021 at 12:53

2 Answers 2

Reset to default
1

I think you must overwrite this path:

vendor/magento/magento2-base/lib/web/css/source/lib/_navigation.less

in line 196 is the CSS code is causing you problems... :)

Improve this answer
1
  • Thank you! you have fixed a week long headache
    – Carter
    Jun 11, 2021 at 18:28
-1

One way to do this is to copy style-m.css to your theme and delete the desired line of code. Example: Vendor / Theme / web / css / style-m.css , That way it is completely removed.

Improve this answer

Your Answer

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

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