Responsive menu threshhold


#1

How do I change the width size that determines when the menu switches from inline menu to dropdown menu? Right now it’s switching at about 1200 px and I’d like that to be 800px or so.


#2

Hi,

To do that, you can try by adding this CSS code below to customizer > additional CSS:

@media (max-width: 1199px){
  .menu-container {
      display: block;
  }
  .menu-btn-toggle {
      display: none;
  }
}

@media (max-width: 800px){
  .menu-container {
    display: none;
  }
  .menu-btn-toggle {
    display: block;
  }
}

Regards,
Awan


#3

Great thanks! just a note for future viewers of this fix, the second line should read:

.menu-container {


#4

Thanks for the correction. I already update the answer.