Container is broken

Any help?

Hi Theenic,

Can you provide the specific link where we can find the elements shown in the screenshots?

You may use the Private Information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

Hey added!
Please check

Thank you!

There's seems to be an issue with the plugin you're using.

For instance, if you unset the width columns are set in the plugin you're using, it fixes the issue. Example code:

.uagb-column__wrap>*{
    width: unset !important;
}

It would be best to first reach out to this plugin's support for assistance with regards to this.

I think this can be maybe of the Spectra plugin. Is there any way you can give me a piece of code to add to the customizer that might solve this problem?

I've never updated the plugin, although I just updated the theme yesterday and faced this issue afterwards.

I see. That's odd.

Here's a CSS you may try adding:

.wp-block-uagb-column.uagb-column__wrap > ul {
    width: fit-content !important;
}

It's working but only for the bullet lists.

Please check this https://prnt.sc/FOjEa3EfhJ8F. I am trying to fix this overlapping with the main container.

Try adding this:

section.wp-block-uagb-columns.uagb-columns__wrap {
    box-sizing: border-box;
}

Hey there I've added both codes and it's working properly the overlapping is good now but at the backend, I am seeing these spacing issues that I've attached in screenshot 1, and on the front end, everything is working alright that you can see in the screenshot no 2 below:

1- Backend: https://prnt.sc/k7LvA_FeDv8U
2- Frontend: https://prnt.sc/i-4d6r214Oea

You can clearly see the spacing issues. Is it all fine or do I have to fix it as well?

That should be fine.

Out of curiosity, why not just use GenerateBlocks for these sections? These sections should also be easily doable through GenerateBlocks.