CSS issue with header navigation

visit my blog : innovativebeast.com
When you’ll visit the website, you’ll see distorted navigation first and when full page loads, it automatically get’s fixed. I think the css of the navigation is delayed.

How, I can fix it?

Install and activate Autoptimize plugin, enforce JS to load in </head>. This can reduce the affect which is happening right now.

.main-navigation .menu ul.menu-desktop > li > a {
    padding: 20px 15px 20px 0;

try loading this in head …

also take care of media query

1 Like