Login button changes sizes when page is refreshed

Ok I've spent quite a few hours on this one. All of a sudden my Login button in the header is large for a split second whenever a page loads then the css takes over. The problem is it creates this horrible stuttered glitch in the header now on every page load.

I have looked for hours and can't find where this is coming from or what is causing this.

Please let me know how I can fix this or where to look.

missjessliteracy.com

password55

You try remove this CSS code then check again

.header-display-desktop .user-accounts-link {
    border: 0px solid #f2eae1;
    border-radius: 28px !important;
    padding: .3rem 1.5rem !important;
    background-color: #9bb9bb !important;
    transition: .3s !important;
    order: 2 !important;
    margin-left: 40px !important;
}

6 hours ago, tuanphan said:

You try remove this CSS code then check again

.header-display-desktop .user-accounts-link {
    border: 0px solid #f2eae1;
    border-radius: 28px !important;
    padding: .3rem 1.5rem !important;
    background-color: #9bb9bb !important;
    transition: .3s !important;
    order: 2 !important;
    margin-left: 40px !important;
}

 

Thank you so much for the response!

So I messed with the code a lot more and changed a few lines from

user-accounts-link to user-accounts-text-link

and that seemed to narrow in and fix the issue visually with the button but there is still the same underlying issue happening. It is visible with the social media icons getting pushed over for a second every time the page loads. You can see it below. Its definitely a problem with the Login button itself becoming large for a second on the page loads. When I set "max-width" on the login button it helps but I would like to fix the issue instead of covering it up with code!

Thanks in advance Tuanphan! You the man!

@tuanphan So I'm still trying to solve this issue with no luck...

The login button is getting width and height values when the page loads and then my code takes over, causing the glitch effect on every page load. I cannot find where these values are coming from...

Here's another video of me refreshing page over and over to show glitch

any idea where these values might be coming from???