Padding upon resizing the window for collection page

clayinfo
Excursionist
70 0 13

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

Screen Shot 2024-04-11 at 2.31.20 AM.png


 How I want it to be

Screen Shot 2024-04-11 at 2.31.41 AM.png


www.constructionlayers.com
PW: CollectionThree

 

Replies 3 (3)

Starshards
Shopify Partner
39 2 13

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
Excursionist
70 0 13

You can use the password CollectionThree to enter my website

Starshards
Shopify Partner
39 2 13

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.