The image is shifted sideways

[NAO4]

I do not understand English.
Thank you in simple English.

The eyecatch image on the mobile phone is shifted sideways.
I’m aligning articles using “THE GRID” plugin.

Do you know what caused the problem?

[john]

Hi,

Thank you for writing in!

Please, could you change the Dashboard language to English? - This way, we can check something that may be causing this problem.

[NAO4]

Thank you

It has changed.
please check.

[ruenel]

Hello There,

Thanks for changing into English. We have logged and we have seen the issue in your products page. Please edit this page back in Cornerstone and enable that column container in the section settings. Instead of using a shortcode inside of the text element, please make use of the The Grid element instead (http://prntscr.com/fvktts).

Hope this helps. Please let us know how it goes.

[NAO4]

I tried it but it was not corrected.

“Super fly menu” is interfering.

Is there a solution?

[ruenel]

Hello There,

Do you want something like this?
http://prntscr.com/fw76bl, http://prntscr.com/fw76ga

If that is the case, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r) or in the customizer, Appearance > Customize > Custom > Edit GLOBAL CSS

body .tg-item .tg-light div, 
bodu .tg-item  {
    background-size: contain !important;
}

Hope this helps. Please let us know how it goes.

[NAO4]

The meaning is different.
“Super fly menu” is interfering.
It shifts to the left as a whole.

[ruenel]

Hello There,

When testing with the screenshots above, did you just resize your browser? Please keep in mind that resizing the browser does not simulate the mobile screen display. You will need an emulator or an actual phone, tablet or device that you would like to test. Superfly and the grid will behave and always initialize when loading on a screen. Resizing the browser will just adjust the display but would not reload superfly and the grid.

Hope this helps.

[NAO4]

Thank you.

Are bugs fixed in the future?

[NAO4]

Both PC and mobile will shift sideways.

[christopher]

Hi there,

There seems to be a bug in The Grid plugin which can not calculate the position of the items correctly. I added a piece of JavaScript code to the product page using the JS button in Cornerstone, the JavaScript code triggers window resize event and it fixes the problem as it forces the Grid to recalculate the position of items.

Thank you.

[christopher]

Here is the code:

setTimeout(function() {
  jQuery(window).trigger('resize');
}, 1000);

[NAO4]

Thank you.

Are bugs fixed in the future?

[ruenel]

Hello There,

We will be reporting this to the creators of The Grid plugin. Only they can investigate further and create the fixed for this bug.

Thank you for your understanding.

[NAO4]

Thank you very much.

[nabeel]

You’re most welcome!