[BParticipant]

I’ve got an issue with my website in that the menu jumps below the logo at a certain width. I’ve attached a screenshot. I get the feeling I need to change the media query slightly but unsure how best to do this without breaking X Theme. Please help!

[Prasant RaiModerator]

Hello There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks.

[BParticipant]

This reply has been marked as private.

[anzezalaParticipant]

Hello,
I’ve also got the same problem. I would like that the menu goes to the dropdown menu ass it goes after a certain decresion in width, but I want it to go to a drop down ass son as my logo goes on top of the menu. My sitest URL is: http://houseofnaturalgoodszala.com/

[Rue NelModerator]

Hello @heynhs,

Thanks for providing the login credentials! To resolve this issue, please add the following css code in the customizer, Appearance > Customize > Custom > CSS or insert this code in your child theme’s style.css (if you are using a child theme)

@media(max-width: 1100px){
   .site .masthead-inline .x-btn-navbar {
    display: block;
    float: right;
  }

  .site .x-nav-wrap.desktop {
    display: none;
  }

  .site .x-nav-wrap.mobile.collapse {
    display: none;
  }

  .site .x-nav-wrap.mobile.collapse.in {
    display: block;
  }
}

@anzezala,
Thanks for updating this thread! You can make use of this code by adding the following css code in the customizer, Appearance > Customize > Custom > CSS

@media(max-width: 1470px){
   .site .masthead-inline .x-btn-navbar {
    display: block;
    float: right;
  }

  .site .x-nav-wrap.desktop {
    display: none;
  }

  .site .x-nav-wrap.mobile.collapse {
    display: none;
  }

  .site .x-nav-wrap.mobile.collapse.in {
    display: block;
  }
}

Hope this helps.

[Author]

Posts