NO BUG: Sticky header not working with Litespeed

V: 2.0.2
URL: https://boxing4everyone.nl

Probably not a Bricks bug, but could be helpful.

I had an issue on some sites with sticky header not being sticky and different background color. I thought it was because of the new cascade styling feature, because turning that off helped. I am using ACSS and such, but turning that off completely and removing the classes didn’t help. I did read about some issues since 2.0, but in this case it has to do with Litespeed cache.

If i have cascade layer on default (on, not turned off), but i have Litespeed > page optimalisation > CSS minify (first option on that page) turned on, then sticky header is not working (doesn’t stay sticky).

Litespeed does need a lost of testing before use.

Check this setting in Bricks performance and try if it makes a difference:

CSS loading method

Page-specific styles are loaded inline by default. Select “External files” to load required CSS only and to allow for stylesheet caching.
Default is set to: in line

Minifying is just removing all unnecessary things like space and ;
Does not really change the file itself except readability and size.

If that setting does not work, try to exclude it or to load it separately.

Hi @Nolfy,

yeah, this looks like the same thing/reason that was reported here: NO BUG: Bricks 2.0 Toggle Element Not Working - #8 by charaf

It’s best if you can contact Litespeed plugin devs about this, because it seems that Litespeed is not handling @layer styles correctly.

Best regards,
Matej

Thanks for your message and making me aware of the similar topic.

I am in contact with Litespeed support. They weren’t sure if they could fix this, but the issue has been forwarded. I think i am going to leave also a message in WP plugin repository to get maybe a bit more people aware who are using Litespeed and css layers or Bricks.

1 Like

Thank you! I hope they will be able to address it.

Matej