Transparent section that overlaps page content and disables scrolling when clicking "view store info

Transparent section that overlaps page content and disables scrolling when clicking "view store info

RainbowSweets
Excursionist
19 0 3

On each product page, when clicking "view store information" (on desktop and mobile device) the text overlays on top of the page info on a transparent background which also disables scrolling. Is it possible to color this section to improve visibility for the visitor?

 

Screenshot 2024-09-08 211745.png

Replies 2 (2)

RainbowSweets
Excursionist
19 0 3

I've also discovered other transparent sections (checkout) and filtering collections that needs to be changed to opaque background to provide a better customer experience. Any feedback is appreciated. Please see screenshots below. 

 

Screenshot 2024-09-08 221505.pngimage0.pngScreenshot 2024-09-08 220729.png

 

 

Dan-From-Ryviu
Shopify Partner
11612 2276 2456

Hi @RainbowSweets 

Please add this code to Custom CSS in Online Store> Themes > Customize > Theme settings. 

.cart-notification-wrapper .cart-notification {
background-color: #fff !important;
}

 

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.