XF 2.1 Why is the website shaking?

[xffutureuser]

Hello,
I have changed the logo to a testing logo with exactly the same dimensions as the original logo and after that, the website keeps shaking when loading. Like this:

View attachment shaking2.mp4















And when I change it back to the original logo, the shaking stops. Anyone knows why is this shaking happening? Please let me know. Thanks.

Here are the settings:



Here is the code:

 

[Mr Lucky]

You only need to change the image in style properties, no need to edit the template.

 

[xffutureuser]

You only need to change the image in style properties, no need to edit the template.

I did, only in the style properties.

 

[Mr Lucky]

Sorry, I just glanced at the code and assumed it was a template you had edited - that is just the page source code, right?

What size (file size not pixel dimensions) is the logo?

Do you get the same issue when not logged in?

 

[Mike]

This isn't inherently unexpected as the image resizes when it loads (we don't hard code a specific logo size). Normally, if your logo is coming from cache, you wouldn't see this, though it does depend a bit on the browser.

I believe if you wanted to, you could specify a fixed logo height in extra.less via something like:

.p-header-logo.p-header-logo--image img { height: 36px; }

(Change the height value to match the logo height.)

 

[xffutureuser]

Normally, if your logo is coming from cache, you wouldn't see this,

Thanks all for help. But how do i make it such way so that the logo comes from cache?
When I removed the logo completely, the shaking sopped.

 

[xffutureuser]

(Change the height value to match the logo height.)

I did that but I didn't put any image there so I can see if the height changes but the height didn't change. Why?

 

[xffutureuser]

Sorry, I just glanced at the code and assumed it was a template you had edited - that is just the page source code, right?

What size (file size not pixel dimensions) is the logo?

Do you get the same issue when not logged in?

Yes, just the page source code, so you can see I didn't change anything in the code. Image has 7,13 kB.