Fix for Brief Display of Old Menu/header DAWN theme

CarCleanCC · ‎12-18-2024

Hello!

I am using the dawn theme and my URL is carcleansweden.se.

I recently changed so my menu and logo, icons are on 2 different rows:

I used this code in theme.liquid before the </body> tag in order to split them to 2 different rows:

nav.header__inline-menu {
display: flex;
justify-content: center;
}
}
</style>

So now it looks great but when I load the website or if I go to another page the old menu pops up for a small second:

Is it possible to fix it? maybe replace some code or something like that?

I would hugely appreciate the help!

LizHoang · ‎12-18-2024

Hi @CarCleanCC, thanks for your information.

Upon checking, I noticed that you have successfully customized the CSS on your own. However, you placed the code at the end of the <body> tag (</body>), which causes your customizations to take effect only after the header has been rendered.

In this case, I recommend you continue using the same code but move it to the top, right after the </head> tag. This way, the CSS will be read before the header is rendered, and the issue will be resolved.

I hope my solution is helpful to you, and please feel free to feedback.

Liz

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program

View solution in original post

LizHoang · ‎12-18-2024

Hi @CarCleanCC, thanks for your information.

Upon checking, I noticed that you have successfully customized the CSS on your own. However, you placed the code at the end of the <body> tag (</body>), which causes your customizations to take effect only after the header has been rendered.

In this case, I recommend you continue using the same code but move it to the top, right after the </head> tag. This way, the CSS will be read before the header is rendered, and the issue will be resolved.

I hope my solution is helpful to you, and please feel free to feedback.

Liz

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program

Fix for Brief Display of Old Menu/header DAWN theme

Fix for Brief Display of Old Menu/header DAWN theme

Community Blog Articles