Docs

[belayachimarouane]

Hello,

I have already posted this on here and you give me a css code that didn’t work. Actually the menu gets weird when the screen is small.
I tried adding the code `@media (max-width: 1130 px) {
body .x-nav-wrap.desktop {display: none;}
body .x-nav-wrap.mobile.collapse {display: none;}
body .x-nav-wrap.mobile.collapse.in {display: block;}
body .x-btn-navbar {display: block; float: right;}
}`

But the problem is still persistant

link : archibonmarche.com

Thank you a lot

[Christopher]

Hi there,

The code should work correctly. Please provide us with login credentials so we can take a closer look at your CSS.

Thanks.

[belayachimarouane]

This reply has been marked as private.

[Rue Nel]

Hello There,

There was a typography error in your code. There was a space between 1130 px. It should be 1130px. Please have your code updated and use this instead:

@media (max-width: 1130px) {
  body .x-nav-wrap.desktop {display: none;}
  body .x-nav-wrap.mobile.collapse {display: none;}
  body .x-nav-wrap.mobile.collapse.in {display: block;}
  body .x-btn-navbar {display: block; float: right;}
}

Please let us know how it goes.

[belayachimarouane]

It worked! Thanks a lot!

[Zeshan]

You’re welcome! 🙂

[Author]

Posts