In Reactive: How do I make the side menu collapse and be replaced by a hamburger menu instead, earlier than it currently does? So right now, from my desktop, if I increase my screen Resolution to 175%, I still get the side menu rather than hamburger menu. Only at 200% screen resolution does it give me hamburger menu. At 150% and below, I want to keep the side menu. Also this needs to work on laptops too.
You're welcome, remember you just need to find the classes from the side menu and hamburger menu and other classes that might help you and customize for what you want, using the media queries :) Inspect the code and check for any changes if is overriding your code because of the inheritance. And remember, the layouts share some of the stylings, so I think you need to check if you are breaking something on other layouts :)
Regards,
Márcio
Right now I cannot create a solution or test this, but I think using media queries you can come up with your goal
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
For example, if the screen has 600px it's going to put the background from the body as light blue
Thank you Márcio!