Hello!
I am in need of some help moving my cookies popup, as it covers my chat bubble in the bottom right corner.
Can someone help me move it to the center?
I am using LOCAL theme and my site is thebeastiary.ca
Thanks!
Topic summary
Goal: Move the Shopify cookie banner so it no longer overlaps the site’s chat bubble in the bottom-right (Local theme; site: thebeastiary.ca). A screenshot shows the overlap.
Solution (code): Edit Online Store > Theme > Edit code, open theme.css, and add: #shopify-section-popups .stacked-popups { justify-items: center !important; }. This centers the stacked popups.
Solution (no code): In Shopify Admin go to Settings > Customer Privacy > Cookie banner, then change the banner’s position via the UI.
Context: “Cookie banner” is the consent/privacy pop-up that collects user preferences. The selector “#shopify-section-popups .stacked-popups” targets the popups section for layout control.
References: Images are central, showing the Settings path and position options, plus the original overlap.
Outcome: The requester replied “Thank you!!!”, indicating the guidance resolved the issue. No disagreements or further actions are pending; the thread appears closed.
Follow these steps:
-
Go to Online Store → Theme → Edit code
-
Open your theme.css file and paste the following code at the bottom:
#shopify-section-popups .stacked-popups {
justify-items: center !important;
}
2 Likes
Hi Josh,
I’m Kate from PageFly - Shopify Landing Page Builder.
You can set up its position without code in Settings. Follow these steps:
Step 1: Go to Settings > Customer Privacy > Cookie banner
Step 2: Change the position as you wish.
Hope this help,
Kate | PageFly
1 Like
Thank you!!!