#Override Menu Media Query

4 messages · Page 1 of 1 (latest)

fervent rapids
#

I have a specific menu within an application that needs to not increase in size when the display port falls below (max-width: 768px).

Unfortunately, Mantine applies a styles with !important directives that I can't easily override. What is the best method to provide a single CSS override for styles applied by media query?

atomic sigil
fervent rapids
#

It's the styles for .mantine-Menu-dropdown which has left, right, and width property set with !important.

#

Because the styles are set in this way I've run into issues trying to override the behavior of the media query styles that get applied.