Navigation bar on smaller screens

[Meridian]

Hello everybody!

I'd like to change the navigation bar on screens that are smaller than 992px but larger than phone screens. For example, on small laptops (10.1 inch) or tablets, that are able to show my three pages, I'd like to disable the hamburger menu and show the standard desktop navigation bar. On phones the hamburger should stay.

Is there any possibility to change this?

Thanks in advance,

Meridian

[Bernadette3]

There's probably a way to do this if you tweak the code. Are you very comfortable editing the css/html of your website? 

[Meridian]

I know how to edit the code, but I'm not familiar with html or css... I already tried to find some code that I can change but haven't found anything...

[Meridian · Accepted solution]

Okay. I looked through all the code once again and found the variable! I got it working just as I wanted it to.

For anyone who's wondering how, I'll explain it:

-  Edit the CSS-Code (you can look it up if you don't know how to do it)

-  Go to _responsive.less

-  Edit the variable 'max-width=992px' and change the pixels to your desired screen size. Now all screens smaller than this variable will show the hamburger menu or the mobile version, and all screens larger will show the desktop version!

I hope I could help someone too, I really needed this!

[Bernadette3]

Awesome job, @Meridian!!  Thanks for sharing!