Archived topic
Store notice
1 reply · Started by Ash on May 12, 2021
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.