Follow up on menu for mobile

[manbru]

Hello,

I got the code below from this post on my menu recently: https://community.shopify.com/c/shopify-design/menu-on-mobile/td-p/2776389 

<style>
.Meteor-MobileNavigation .Meteor-MobileNavigation__Link a {
    justify-content: space-between !important;
    width: 100% !important;
}
</style>

And the code almost works. But you can see that one of them the " justify-content: space-between !important;" Is not "working" because the code above is running.

When I disable the previous running code it now works and looks great. And the the problem is that I've used an app to create this menu so I cannot go to edit code and delete the previous running code.

So I would need some help with how I can disable that code and there by have all the arrows to the right side.

Here's my store: https://r1vex.myshopify.com/ 

Thanks for helping!

[Moeed]

Hey @manbru 

It looks like you're unable to find the previous code, I can help you out in removing the previous code. Can you share your collaborator request code in private messages so I can help you out?

Best Regards,

Moeed

[BSSCommerce-B2B]

Hi @manbru 

Please insert that style before the </head> tag in the theme.liquid file

This may make the app's attributes non-overridable
I hope it helps you

[manbru]

Yeah that is exactly what've done:

 

[BSSCommerce-B2B]

Will changing the CSS code in theme.liquid help the store function better?

[manbru]

Do you mean instead of putting the code in Base.css?