Topic on Skin talk:Metrolook

SOLVED - Sidebar collapsed by default

3
Summary by Revansx

turns out the way to do this is to change 768px to 7680px in the following 2 locations:

components/mobile/mobile.less:@media (max-width: 768px) {
components/mobile/mobile-custom.less:@media (max-width: 768px) {

This will make metrolook keep the left side-bar menu collapsed for all screens less that 7,680 pixels. w00t!

Revansx (talkcontribs)

Hi. I really love this skin. Thank you so much!

Can someone give me a pointer about how to make the Mediawiki:Sidebar (#mw-panel) collapsed by default regardless of screen-size? I see that metrolook uses JS to auto-collapse the sidebar when the main content div gets too crowded.. I'd really like to configure it to have the side bar menu collapsed by default regardless of crowding. Is this easy?

Revansx (talkcontribs)

I found the line, "media": "screen and (min-width: 982px)" in the file skin.json, that seems to be related to what triggers the mw-panel JS, but I'm out of my area of understanding with json and so am leary about tinkering with it there.

Revansx (talkcontribs)

@Paladox, is there a CSS statement I can place in Mediawiki:Metrolook.css that would make the side collapsed by default? (such that the user always sees the hamburger icon regardless of the screen size) Thanks!