Site logo

Archived topic

Store notice

1 reply · Started by Ash on May 12, 2021

Viewing posts 1–2 of 2

Hi

So I have customised the store notice to use as a cookie bar. Just wondering if I have done it the correct way

1. Pushed it to the bottom and made it sticky

p.woocommerce-store-notice.demo_store {
    bottom: 0;
    top: auto;
	  position: fixed; 
}

2. Is the following correct way to force it in front of the chat & review widget
z-index: 9999999999;

3. I changed 'Dismiss' to 'OK' using a function, and added a background to sytle as a button. But because it's a dead link it also changes the 'more info' link I added, So I added a class to the link but can't seem to seperate them. Probs done something wrong still learning...

4. Store notice content, on mobile it goes off screen. Same if I float the button right on desktop.

And if you have any idea how to make it look better would be great.

Thanks

Hi there,

for issue 3. can i see this on a site ?

for issue 4. include left:0; and right: 0; properties in your CSS - this should keep it the max-width of the browser viewport.

This archived topic is closed to new replies.