Latest version destroys layout

Hello @pedrodk,

You have updated the theme from which version? I fully examined the issue you have raised in this topic and could not see it on my end.

We need to know the steps to replicate.
Would you please provide us with some screenshots or short video + live URL, and images of the errors you faced step by step on your staging website?

You can upload your files to one of the following online services:
https://postimages.org
https://www.loom.com
https://drive.google.com

Also, please tell us a little about the versions of plugins you use. To do this, please go to WP Dashboard > Tools > Site Health > Info Tab and click on the button Copy site info to clipboard. You can send the information as code here or upload them to https://pastebin.com/ and get an exclusive link.

Best Regards

Hi Shahin,
Thank you for your reply and sorry for my late reply.
I have narrowed the problem down to an apparent incompatability issue with the GenerateBlocks plugin.
When we deactivate the GenerateBlocks plugin the issue goes away.
But that of course has another devastating effect on the layout, since all pages use Generateblocks container/grid system.
So we’re stuck here…
Any help will be greatly appriciated – thanks.
best
P.

Hi Shahin,

Since this is a production site we are not ready to share back-end informations in public.

Is there a way to share the information with you in private?

Hi again,
I have now made a local test-site with the latest version 3.1.1 of the OceanWP theme.

The only active plugin on the test site is the Ocean Extra plugin issued by OceanWP.

The issue has got nothing to do with Generateblocks plugin as I mistakenly thought.

There is an issue with any full-width container that you insert on a page.

The native WordPress Cover block also gets affected.

The problem might have something to do with the theme’s CSS.

This piece of CSS code:

body.page.content-max-width .entry .alignfull {
width: 100vw;
max-width: 100vw !important;
margin-left: calc(50% – 50vw);
}

When this part is removed from the stylesheet:

margin-left: calc(50% – 50vw);

the issue goes away… when you set the page layout to 100% full-width.

But I don’t think that’s a vaible solution.

You should check this out and find a permanent solution.

Thanks

P.