How to overright an !important element or class

Hi,

I’m trying to make both logo and menu to be aligned left, but in the bloc I’m using, there is ml-auto class with margin-left: auto !important; attribute.

I’ve tried to add ml-0 or ml-1, or whatever class to the navigation, but as ml-auto is !important, it’s not applying.

Any idea?

Thanks

Ho @philippe, Add a class, set display to flex and align with the flex container. @PeteSharp made a tutorial on how to use flex with a Navbar. Blocs 3 - Centre Menu Logo with Flex - YouTube

1 Like

I’ve tried what is in the video. I have d-flex, and align classes defined. But I still have this ml-auto preventing a correct positioning.

I guess that I’ll get rid of the default navigation bloc and I’ll built mine.

Thanks