Docs

[minyona]

I would like to know the CSS that will allow me to change the point at which the full navigation menu changes into the mobile button, and I want to make sure the mobile button remains centered underneath the logo as it does by default with the stacked option. Thanks in advance.

[minyona]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! Mobile menu will be triggered under 980px. Do you want to trigger the mobile menu earlier?
In that case you can add this under Custom > CSS in the Customizer.

@media only screen and (max-width: 1023px) {
.x-nav-wrap.desktop {
  display: none;
}
.x-btn-navbar {
  display: block;
  margin: 30px auto 10px;
  width: 50px;
}
.x-nav-wrap.mobile.in {
  display: block !important;
}
}

You can change the 1023px to your desired screen size where you want to trigger mobile menu. Note that you won’t get the nice effect that usually get for mobile menu.

Cheers!

[Author]

Posts