Flash of dark header when transparent header is set

1 reply · opened Oct 16, 2024

EedhebertOct 16, 2024

Hi-

I have configured my primary menu with .dark CSS setting and a .transparent-header, but at page load the page menu flashes with a solid black background color and my non-"dark" logo for a fraction of a second. While it disappears after the page fully loads, I would like to eliminate this unsightly event at page load altogether. I cannot find the place in the CSS code where this is happening. I've even changed the --cnvs-header-sticky-bg class to my custom theme color (which I would prefer to the black color if I can't eliminate the flash altogether), but it still loads the black color at page load. It seems that the .dark and .transparent-header settings are being added after the fact.

Can you offer any assistance to eliminate this flash of solid dark color and my "light" logo?

Thanks

SSemicolon WebSTAFFNov 7, 2024

Hello,

Consider adding the .is-expanded-menu Class to the `` tag. Example:
[ch_pre][/ch_pre]

This will definitely fix the issue. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard