A user has a custom left-side menu bar that overlaps with products on the collection page when the browser window is resized. They provided screenshots showing the current issue and their desired layout.
Proposed Solutions:
Technical Approach:
Both solutions involve adding custom CSS code to the theme.
Current Status:
The store is password-protected (password: “CollectionThree”), preventing direct inspection. The discussion remains open with implementation details pending.
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
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.
You can use the password CollectionThree to enter my website
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.
