abn48

Hi Luke,

I’ve now tried this (reducing the count speed to 150 as outlined), and I’m sorry to say it has made no difference. Let me know if you have any other ideas.

Best,

Andrew

Hi Luke,

We are also encountering this issue on all three of our sites. Yoast/Persistent Login conflict is the culprit, but as previous users have said, only Yoast v19.2 onwards. We’ve delayed updating Yoast for some time as a result, but soon we’ll have to abandon the Persistent Login plugin, with much regret. Any updates on getting this resolved?

Thanks!

Andrew

Thanks so much!

Hi again Aert. Sorry to open this back up. I’ve heard back from the plugin makers and this is what they said:

This happens because the cookie banner is not part of the HTML, but instead inserted into the page by JavaScript. The critical css generation only sees the original HTML of the page, but you can configure it to also include the styles for this cookie banner:

Go the Autoptimize > CriticalCSS > Advanced Settings > Force include CSS selectors,

and then you need to fill in the text box with the CSS selectors that are needed for the cookie bar styles.

You can start with this value:

//#cc-window,//.cc-window

I think that covers the layout for the cookie banner itself, but I also think you need to find and add a few more classes to get the banner perfectly styled.

So my question is, do you have a list of CSS selectors that I should definitely add in addition to the ones he suggested? I don’t want to mess anything up.

Really appreciate the help!

Best,

Andrew

Thanks Aert. I’ll contact the plugin makers and see if they have any ideas. Appreciate the help.

Thanks Aert. This didn’t have an impact, unfortunately. I tried adding the .cc-window {transition:none!important;} CSS too but no impact either. If you have any other ideas, please do let me know! The problem is specific to when I have ‘inline and defer CSS’ activated on Autoptimize, using their critical css plugin to inline above the fold CSS on each page. It seems to do something weird to the Complianz box, making it scrunch up in the top left of the screen before jumping to the middle.

Andrew