css - Img load while refreshing

Last 2 days I'm working with the / site, but my problem is that the logo in my menubar is showing up in the refresh. I just would like to have the img showing up when the refresh is done!

Can you guys help me? Because I'm stick with that problem for just a day. Thanks.

Last 2 days I'm working with the https://www.memo-ict.nl/ site, but my problem is that the logo in my menubar is showing up in the refresh. I just would like to have the img showing up when the refresh is done!

Can you guys help me? Because I'm stick with that problem for just a day. Thanks.

• css
• html

Share Improve this question edited Oct 4, 2019 at 9:43 fuxia♦ 107k3939 gold badges255255 silver badges459459 bronze badges asked Oct 4, 2019 at 8:08 Valdemar - memo ictValdemar - memo ict 1

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 0

You are resizing your logo in your css, giving that flash of unstyled content on load/reload. It's original size is 150x150px. You have at least two options:

1. Change it for a smaller version (75x75px), avoiding the jarring resize.
2. Alter the css to make it display:none (like your other logos) and make it fade in with javascript.

Give these a try.