Navigation loading

[NHAT]

Hi there,
Each time at the website loading, the navigation changes in height (https://drive.google.com/file/d/1xBKIt-QUFnaiXBVJj-h1xFVQd3ii-CKk/view?usp=sharing). This will affect Cumulative Layout Shift score on my website.

https://prnt.sc/u7vkvd

How can I fix this?

Thanks & best regards,

[NHAT]

I’m sorry. I forgot to tell I’m using Use Navigation as Header in
GeneratePress Version: 2.4.2 & GP Premium Version: 1.11.3

[Leo]

Hi there,

It should not be like that by default – you can check any of our sites in the library:
https://generatepress.com/site-library/

Any chance you can disable all plugins except GP Premium to eliminate conflicts from other plugins first?

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[NHAT]

Hi Leo,
Thanks for advice. I tried disabling all plugins leaving only GP premium but the problem persisted.

https://prnt.sc/u893us
If you need admin credentials please let me know.

Thank you.

[NHAT]

I’m sorry for bothering you. Actually, after clearing the cache, the problem has been resolved. Then I tried to re-enable each plugin and found out that Wp Rocket caused this problem. Do you have any advice for me please?
Thanks & best regards,

[Leo]

Likely a setting in the plugin that needs to be turned off.

Try turning all of them off and reactivate them one by one to isolate the setting.

Their support should know the answer as well 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[NHAT]

Thank you so much for your support. I figured out the lazy load for Avatar/Logo caused this issue. Then, all I need is disabling lazy load for logo image.

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts