Thank you Gareth!
That does exactly what I envisioned at 360 width - it looks very nice and I'm learning more about responsive design!
To have the same at 768 width I modified your patch - set media-breakpoint to (lg) and changed the drawer width to 360px. It is not as neat as 100% width - but I think I prefer showing some of the content underneath (especially now that it is not squashed!) it also gives more of a clue that the Drawer can be collapsed.
On more investigation I am not sure about the wisdom of changing the break point to lg... It works well for the front page - but is not so sensible for the dashboard or course pages... There the drawer sits on top of key information leaving only uninformative white space visible.
That does exactly what I envisioned at 360 width - it looks very nice and I'm learning more about responsive design!
To have the same at 768 width I modified your patch - set media-breakpoint to (lg) and changed the drawer width to 360px. It is not as neat as 100% width - but I think I prefer showing some of the content underneath (especially now that it is not squashed!) it also gives more of a clue that the Drawer can be collapsed.
On more investigation I am not sure about the wisdom of changing the break point to lg... It works well for the front page - but is not so sensible for the dashboard or course pages... There the drawer sits on top of key information leaving only uninformative white space visible.