How can I adjust the menu breakpoint for mobile and tablet on the canopy theme?

[ThomasHughes]

Hello, I am trying to change the breakpoint between mobile, tablet and Desktop using the canopy theme.

When using a tablet or smaller screen the menu drops to 2 lines before then changing to a burger menu. I would like the burger menu to appear earlier stopping the menu from dropping to 2 lines but cant find the relevant change.

My Site: https://66ergonomics.co.uk/

[websensepro]

Hi @ThomasHughes ,

Just change the value 767px to 1139px, see attached below

@media (max-width: 767px)
.mobile-toolbar {
 display: inline-block;
}

If it works for you, don’t forget to Like it and Mark it as Solution