Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #863142

    belayachimarouane
    Participant

    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

    #863679

    Christopher
    Moderator

    Hi there,

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

    Thanks.

    #863777

    belayachimarouane
    Participant
    This reply has been marked as private.
    #864299

    Rue Nel
    Moderator

    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.

    #865697

    belayachimarouane
    Participant

    It worked! Thanks a lot!

    #865885

    Zeshan
    Member

    You’re welcome! 🙂