Change break point between mobile and desktop navigation

[dabu]

Hi!
Is there a simple way to change the break point between mobile and desktop navigation? I want the mobile navigation to stay visible until 1080px, and the desktop should be visible from 1081px up. (because otherwise the navigation is overlapping with the logo)

with the desktop navi it works:
@media (max-width: 1081px) {
.desktop-nav {
display: none !important;
}
}

but if I leave mobile visible longer than 600px, it looks completely messed up:
@media (min-width: 600px) {
nav.mobile-nav {
display: inherit;
}
}

It would be great to have a) some help for this with CSS, or even better b) a setting in the Admin panel where I can define the point. That would be awesome!

Cheers, dabu

[arminunruh]

hey so you can only set the mobile breakpoint. but this will also cause the mobile version to show up, for example a custom phone layout or the content would just be stacked

in lay options, appearance section

[dabu]

@arminunruh Ok thanks I saw that. But as you mentioned, it will cause the mobile version to show up, which is not what I want. Anyway, I will try further…