[Flash of Unstyled Content] Script before HTML loading

Design help Custom code
1

Hi guys,

I created several pop-up modals which is to react to mouse click, but it appears during loading the page.
Are there any solutions for that?

I set display: none; to the modal wrapper, but it seems that HTML appears before loading CSS property.

Probably I need to embed script code in Custom Code section, but I am not sure which/what code to write.

Any help will be appreciated.
Thank you.

2

Hi @Kana_Sano,

I had a similar issue, try to set the display: none as a css rule inside the header of your project setting custom code like so:

.whateverclass {
display: none;
}

where .whateverclass is the class name of your modal.