NO BUG: No styles applied for some elements

I’ve added a new header template with my my logo as a .png-file in it. While adjusting the size, I observe that the changes are displayed correctly within the builder. However, upon opening the site in a new window, even in incognito mode, the image is loaded without any styles.

Interestingly, when I duplicate the image, all styles are applied to the second one, but the first one remains without any styles.

EDIT: I figured out that the problem just appears when I set the css loading method to inline-style.

EDIT 2: Now the same happened for a container element and some flex settings. Everything I want to change will not apply for this specific element. In the builder everything is again fine.

I already regenerate the css files and cleared the browser cache and also tried different browsers.

Hi @galasio ,
Thanks so much for your report!

Would you be so kind as to provide a live link and a screencast using https://jam.dev showing and explaining what’s happening? Also, please change to inline styles, clear and disable the cache before providing the live link.

Best regards,
timmse

Hi @timmse,

here the link: Jam

I also changed the container on the homepage to show that it is just not working in the header template. CSS loading method is set to inline styles and the cache is cleared.

Regards
galasio

Hi,
There is invalid CSS (square brackets), probably in the custom CSS of the nav, breaking the following styles:

If you remove it, it should work as expected.

Yes, that did the trick. Thank you for your help!