How can I make the cookies/privacy banner smaller in Palo Alto theme?

Store Design
1

Hello,

I would like to make the cookies / privacy banner smaller in both size and font. Currently the default state on mobile is that it uses 3/4 of the screen. I would also want to make is smaller on the desktop screen.

Where to change this setting and what would be a recommended code?

thanks

rok

urchic_0-1685536339374.png
urchic_0-1685536339374.png378×670 102 KB

2

Hey @urchic
Kindly share your Store URL and Password if enabled

3

Add this code in theme.css

/* Adjust the font size of the banner */
.cookie-banner {
  font-size: 14px; /* Adjust the value as needed */
}

/* Adjust the size of the banner on mobile */
@media (max-width: 767px) {
  .cookie-banner {
    width: 80%; /* Adjust the value as needed */
  }
}

/* Adjust the size of the banner on desktop */
@media (min-width: 768px) {
  .cookie-banner {
    width: 60%; /* Adjust the value as needed */
  }
}
4

Hello & thanks much for quick response.

I think the style for the default banner is different. I tried that but did not work. I am not sure where the shopify default css classes /IDs could be edited if at all.

Cheers

rok

urchic_0-1685628666170.png
urchic_0-1685628666170.png939×806 295 KB

5

https://urchic-porcelain.myshopify.com/