Mobile Menu changing breakpoint

[Jimmmmmer]

Hi There

I have just taken over a website for maintenance which is built in X. They have created a header and menu which, when you get down to a 13 inch 1024 px ish size acts weird. IE the menu drops down onto the slider (without the backing) and then when you scroll down it picks it back up again. Really weird.

Anyway what I thought I could do until I figure out what goes on is to change the breakpoint to 1024 so that as soon as it hits the 13inch size it will collapse into a hamburger.

However despite putting the media max size of 1024 it refuses to comply. I have deleted all cache so that is not the problem.

I would really appreciate some help if you can.

Many thanks.

Kind regards

[ruenel]

Hello There,

Thanks for writing in!

To resolve your issue, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

@media (max-width: 1024px){
  .x-nav-wrap.desktop,
  .x-nav-wrap.mobile.x-collapsed {
    display: none;
  }

  .masthead-inline .x-btn-navbar {
      display: inline-block;
      float: right;
      margin-top: 50px;
  }

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

We would loved to know if this has work for you. Thank you.