leahmex Posted June 7 Share Posted June 7 I am using Weglot to translate my website. I can easily set it to swap our English language graphics for Spanish language graphics. Except for the Logo in the navbar. The logo is set to loading="eager" and to give Weglot time to swap it out for the Spanish version, it needs to be set to loading="lazy" Here is the code now.... <div class="header-title-logo"> <a href="/" data-animation-role="header-element"> <img elementtiming="nbf-header-logo-desktop" src="//images.squarespace-cdn.com/content/v1/6660ec542e43c8677a53b209/915b3c9c-63b3-4f64-a7aa-1da623be6b9c/AM+board.png?format=1500w" alt="Antony Maderal" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw"> </a> </div> I tried a few things, but can't force the logo to loading="lazy” This didn't work... /* lazy load logo */ .header-title-logo img { loading="lazy”; } Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment