We need to personalize the header, so we add few customization on the child theme ( /dist/bundle.js (JS customizations), functions.php (programmatically load CSS an JS files), header.php, menu-template.php (Entire new header menu HTML template), - style.css)
When we do that there is a weird effect on menu, i recorded the video so you can understand
The problem because the custom header file on your child theme missing the image dimension tag, so the SVG logo will display full size when you load your page.
Please go to your child theme, then add width & height tag to the logo URL, then open the Critical CSS Tool and regenerate critical CSS for your homepage again.
We need to personalize the header, so we add few customization on the child theme ( /dist/bundle.js (JS customizations), functions.php (programmatically load CSS an JS files), header.php, menu-template.php (Entire new header menu HTML template), - style.css)
When we do that there is a weird effect on menu, i recorded the video so you can understand
https://www.loom.com/share/e3d3963021d74872b4fbed18bee79f40
Hi,
Please disable all cache plugins (if you installed them), then run the Critical CSS Tool to generate the critical CSS for your site again.
Regards,
PenciDesign.
Mr. Penci, I´ve just tried and it still looks a little bit weird. We are testing a url with parameters in a incognito mode: https://www.loom.com/share/1da683ad543f479f879ab0d25e8a5f82
Hi,
The problem because the custom header file on your child theme missing the image dimension tag, so the SVG logo will display full size when you load your page.
Please go to your child theme, then add width & height tag to the logo URL, then open the Critical CSS Tool and regenerate critical CSS for your homepage again.
Regards,
PenciDesign.