ThB cite is shaking while top menu switching in Google Chrome

[Suppir]

Hello guys!

I found a problem using Google Chrome on ThirtyBeese. When you switching top menu on a home page, site is shaking from left to right.

The same problem not only on my site, but also on https://store.thirtybees.com/, while switching between "themes" and "services". Cite is shaking on Chrome.

I think, it may be because of scroll on the page: it hides and reappears, shifting the page to the left.

How can I fix it? For example, IE show scroll enabled all the time, and there is no shake.

 

[toplakd]

You can add following to the body in global.css

width: 100vw;

[Suppir]

9 minutes ago, toplakd said:

width: 100vw;

Hello, toplakd!

I did what you said:

body {
  width: 100vw;
  margin: 0;
}

Now cite does not shake, but it flickering in Chrome 😞

You can switch top menu buttons - it flickering:

http://dmitrysenik.ru/thbees/en/anthropomorphism

[toplakd]

body {
  width: 100vw;
  margin: 0;
  overflow-x: hidden;

}

To remove flickering:

Advanced Parameters / Performance:

CCC (Combine, Compress and Cache) - Move JavaScript to the end  - Set to yes

[Suppir]

11 minutes ago, toplakd said:

body {
  width: 100vw;
  margin: 0;
  overflow-x: hidden;

}

To remove flickering:

Advanced Parameters / Performance:

CCC (Combine, Compress and Cache) - Move JavaScript to the end  - Set to yes

Thank you very much!

It solved my problem with flickering.

 

Could you give master advice in another request with image sizes, please?

 

Edited April 13, 2019 by Suppir