[Resolved] Bug with gutentor plugin

[Jenny Dupuy]

Hi,

I installed gutentor (https://fr.wordpress.org/plugins/gutentor/) which allows me to have extra blocks that I need to create my site.
But when I activate it, the menu bar doesn’t display correctly anymore.
The menu bar is placed under the logo and extends to the right.
See screen captures below


I put the menu in pink so you could see the problem.

Thanks for help.

[David]

Hi there,

can you share a link to your site with the plugin enabled so i can see what the issue is?
You can edit your original topic and share the link privately using the Site URL field

[Jenny Dupuy]

Hi,

I’m working in local with Local by Flywheel.
The above link is temporary.

[David]

So the plugin is using the grid-container class in its CSS without any prefix. Which is going to effect a lot of themes.

The culprit CSS is this:

.grid-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left:auto
}

And the problem is they specify the 100% width. So to overcome that you will need to add this CSS:

body .grid-container {
    width: auto;
}

Just to let you know we are releasing our own block plugin:

https://generateblocks.com

Its currently in beta – so we don’t recommend it for live sites but just for testing. we expect a live release very soon

[Jenny Dupuy]

Hi,

Thanks for the css code, it’s work!

Cool for GenerateBloc, I’ll look into it as soon as possible.

I’ll talk to the author of the gutentor plugin about the problem.

[David]

You’re welcome – glad to be of help.

[Author]

Posts