Urgent: CSS not working on Prefs popup

Consent Pro
1

Description

The pop-up looks good in Designer, but on Production, the CSS does not seem to work. Why?

image
image1386×1428 118 KB

[Provide a clear and detailed description of the issue you’re experiencing]

Site URL

Required: Please provide a staging/production URL where we can see the issue

  • URL: [Your staging URL here]
  • Webflow Read-only link: [Your Webflow Read-only link here]

Steps to Reproduce

  1. [First step]
  2. [Second step]
  3. [Third step]
    …

Expected Behavior

[What did you expect to happen?]

Actual Behavior

[What actually happened?]

Video/Screenshots

Required: Please provide a short screen recording showing the issue

  • Video link: [Loom/Screen recording URL]
  • Screenshots (if applicable): [Upload or link to screenshots]

Additional Context

  • Browser: [e.g., Chrome 120, Safari 17]
  • Device: [e.g., Desktop, iPhone 14]

NDA Notice: If you’re under an NDA, please feel free to send us a Direct Message/Email with the above information.

3

Hey @jdavis!

Could you check whether Per Page CSS is enabled in the Advanced publishing options of your site settings?

Webflow’s Per Page CSS feature removes styles that it believes aren’t used on a given page. In this case, the global banner is added only on the homepage and then injected dynamically into other pages at runtime. Since Webflow isn’t aware of this runtime behavior, it assumes the other pages don’t need the banner’s CSS and excludes it. As a result, when the banner is injected into another page, the required CSS isn’t present and the banner appears broken.

One possible fix is to disable the Global Banner option in the Consent Pro app and add the banner to each page manually. If you still prefer using a global banner, you can add it inside a Webflow Component (for example, the footer) that exists on all pages.