Bug with styling - $el no working/showing on large screens

[bobbyninetoes]

Hi Team,

I dont even know where to start with this as I dont know what is causing the error.

Basically - I’ve added $el custom styling to our pages - but after changing the page template, any custom styling on large screens are not working. The style doesnt appear at all when being viewed on developer mode - it will appear when changing screen size.

I can see it normally when on cornerstone page builder, but when on live site, it’s not working.

As you can see, I’ve added the $el custom css

on live site - the custom css doent appear(only when you minimise to phone-media screen480px or below)

[prakash_s]

Hello @bobbyninetoes,

I checked your site it seems that the element CSS is rendering fine on my end. It might be an issue with the browser cache I would suggest you please clear your browser cache and recheck it or check it in the private mode of the browser. I have tested it on Google Chrome version 120.0.6099.234.

Thanks

[bobbyninetoes]

Sorry, but you’re inspecting the wrong element from the screenshot you sent. It’s not the section element (the hero)

[prakash_s]

Hello @bobbyninetoes,

I checked your site settings it seems that you have not added the closing curly bracket of the media CSS code which you have added on the Row element CSS.

I went ahead and added the closing curly bracket, please check your site now.

Thanks

[bobbyninetoes]

Thank you for spotting - please tell me if there are debugging tools within you theme to spot errors like this.

[prakash_s]

Hello @bobbyninetoes,

Regretfully there is no debugging tool for the custom CSS syntax error, I went ahead to the page builder elements one by one and checked all the element styles you have added on the element. You will have to check all the element CSS code manually.

Hope it helps
Thanks

[bobbyninetoes]

Thanks Prakash

[prakash_s]

You are most welcome @bobbyninetoes