hi there, i’m looking too reduce the height/padding of the cookie banner and font size with css. its far too large on both desktop and mobile.
thanks!
pw:moss
Topic summary
A user seeks CSS code to reduce the height, padding, and font size of the cookie banner in the Fabric theme, as it appears too large on both desktop and mobile.
Key developments:
- The banner displays inconsistently across browsers—visible on Safari but not appearing on Chrome, Edge, or Brave (Windows)
- User confirmed the banner is enabled and appears in both preview and live theme after clearing cache
- A screenshot was shared showing the oversized banner
- User suggested
.shopify-pc_banner_dialogas a potential CSS class to target
Current status:
The discussion remains open with no CSS solution provided yet. The browser inconsistency issue also remains unresolved.
Did not get cookie banner on desktop windows chrome
hey, the cookie banner is turned on. it’s showing on safari, not sure why it hasnt come up on chrome. is there a general css class i can use that works with fabric theme?
Hello @hausofmossandmoon ,
I hope you are well!
Can you please share the screenshot of the cookie banner? The banner didn’t appeared on the Windows browser. I have checked multiple browser like Chrome, Edge and Brave.
Is it appearing at preview theme or live theme?
preview them, and live view once ive cleared my cache.
.shopify-pc_banner_dialog ?
Can you please share the preview theme link?
what’s that? its going live tonight
Hello @hausofmossandmoon,
I am unable to see the cookie banner in your store. The URL you provided take me here:
May I know where can I find the cookie banner in your store so that I can check?