Padding upon resizing the window for collection page

[clayinfo]

Hi I have a customized menu bar on the left side of my website. The thing is when I go to collection page and resize the window my menu bar text overlaps some the products on my collection page. 

My website at the moment

 How I want it to be

 
www.constructionlayers.com
PW: CollectionThree

[Starshards]

Your store isn't launched yet so we can't see it, you'd have to go to settings and remove the password-protected website first. However, just looking at the screenshots, what you want is a background color on your menu that way the user indicates that the menu is active. You can simply add some CSS code to your theme to modify that.

[clayinfo]

You can use the password CollectionThree to enter my website

[Starshards]

I see, you have 2 ways to solve this, either you add a white background to the menu or you change the media query so that the hamburger shows before the desktop menu overlays the collection items.