Archived topic

Bug with gutentor plugin

5 replies · Started by Jenny Dupuy on March 13, 2020

Viewing posts 1–6 of 6

March 13, 2020 at 3:40 am #1193597

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
with gutentor
without gutentor
I put the menu in pink so you could see the problem.

Thanks for help.

March 13, 2020 at 5:04 am #1193651

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

March 13, 2020 at 7:05 am #1193922

Hi,

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

March 13, 2020 at 8:39 am #1193988

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

March 13, 2020 at 9:12 am #1194021

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.

March 13, 2020 at 12:18 pm #1194132

You're welcome - glad to be of help.

This archived topic is closed to new replies.

Start building better websites today.