Currently the shipping cart drawer and the menu on the mobile view have a transparent background. It is every confusing and doesn’t look professional. I want to change them both to have a white back ground. I’ve tried a few different cut and paste CSS codes but nothing does the the trick. The theme is refresh and the store is https://summerinspirationsgifts.com/
Topic summary
A user is experiencing issues with transparent backgrounds on their shopping cart drawer and mobile menu, which appears unprofessional and confusing. They want to change both elements to white backgrounds but have been unsuccessful with various CSS code attempts.
Store Details:
- Theme: Fresh
- Store: summersinspirationsgift.com
Solution Provided:
For the mobile menu drawer background:
- Navigate to assets → component-menu-drawer.css
- Search for menu-drawer
- Modify the background-color property on line 73
The discussion remains open as only the mobile menu solution was addressed; the shopping cart drawer background issue has not yet been resolved.
To set the background-color of the menu drawer on mobile:
Navigate to assets → component-menu-drawer.css and search for .menu-drawer. You’ll be able to change the background-color on line 37.