Not On Top

Having this issue again, I am sure it is the application I use to develop site but if anyway to override everything and bring cookie notice back on top/in front of everything? http://uecreed.org/

2 Likes

Hi there, @Rev_Devan :waving_hand:

I’ve forwarded this issue to the devs and will get back to you tomorrow :slightly_smiling_face:

2 Likes

Hi there, @Rev_Devan :waving_hand:

The same issue occurred with the Radio Player widget too. We’ve added this code to the Custom CSS field of the Radio Player widget, which will fix the issue with the Cookie Consent as well:

@external {
  #flexbox_4> :first-child {
    z-index: 100 !important;
  }
}

We’ve also noticed that the Accessibility widget appears on top of the Cookie Consent banner. If you’d like to display the Accessibility widget behind the Cookie Consent, feel free to use this CSS code :slightly_smiling_face:

.global-styles,
.eapps-accessibility-05a2ed38-2a13-452f-bcc8-b1db9113f17e-custom-css-root > [class*='FloatingButton__FloatingButtonContainer-sc'] {
	z-index: 99 !important;
}

looks good for the stated issues but then on mobile the cookie is under everything again. but instead of fixing each of those things, maybe we can just make the cookie skinner and maybe higher on screen. out of the way of other stuff.

1 Like

Hi @Rev_Devan :waving_hand:

You can place the widget higher on mobile using this CSS code:

@media (max-width: 475px) {
.eapp-cookie-consent-widget-container {
  margin-bottom: 210px;
}
}

However, if you’d prefer to keep the current position and fix this issue on mobile, please let us know. We’ll be happy to help :wink: