Vertical Header
I am using a left aligned vertical header (I know it sounds cheesy but I need a lot of page height) that's width is specified with a css variable --header_width. I then set the <main> with a margin of the same. This works fine, but when the page width is reduced, the header shrinks to a mobile header of 3 bars, but the <main> still has the width it had before.
What is the best way of dealing with this, just a media query? I'm not sure if I should redefine the css variable or whether I should set the width another way, so I'm looking for recommendations.
Many thanks
1 Reply
I suggest that you share some code on codepen or similar. That way it will be easier to understand and, hopefully, make suggestions