The bar is overlapping with other widgets on my store. How to fix that?

To fix that, you can change the position of the Cookie bar from Design > Position. If this does not work for you, please contact us about the matter. We will find a solution for you.



If you want the Cookie bar to appear on top of the widget (i.e. a chat widget or other types of widgets you use in your store), you can add the CSS code below to the Design tab > Custom CSS field. The CSS code we provide will modify the z-index property of the Cookie bar to the max value (2147483647) so that it shows on top of other elements.

CSS Code:

.cc-window {
z-index: 2147483647 !important;
}

NOTE: if this does not work, it means that the widget's z-index property is set to the max value (2147483647) as well. In this case, the widget's z-index property should be reduced by 1 so that it appears below the Cookie bar. If you are having difficulties doing that, you can contact us and we will create the CSS code for you.

Alternatively, you can also check our FAQ section:
How to position the Consent Bar in the middle of the screen? to avoid any overlapping of the Cookie bar with any other widget on your store front.

Updated on: 30/08/2023