Custom CSS fix for cursor issue on Dawn theme

You may run into an issue where the Accept button on our Cookie banner is not clickable or the cursor over it shows like the image below:

This happens because the default CSS on the new Shopify Dawn theme for anchor tags that are not hrefs is 'cursor: not-allowed' as shown on the screenshot below.

To fix this, we need to add some custom CSS in the base.css file under Assets.

Follow the steps below:

1

In your Shopify admin, go to Online Store.

2

Click Actions and choose Edit code.

3

Go to Assets.

4

Click base.css.

5

Add this CSS at the very bottom of the file:

.cc-compliance>.cc-btn, .cc-banner .cc-btn:last-child {
cursor: pointer !important;
}

6

Click Save.