Issue with grid-container class

  • Resolved Jenny Dupuy

    (@jdy68)


    5 years ago

    Hi,

    I’m using GeneratePress theme and Gutentor plugin and I have one issue with Gutentor which uses the grid-container without prefix. This method is going to affect a lot of themes.

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

    So, in my case, the menu overflows at right of page when Gutentor is enabled, the display of menu is correct when I deactivate the plugin Gutentor.

    The GeneratePress theme support say me to add this additionnal css :

    body .grid-container {
    width: auto;
}

    and this css works fine.

    Could you fix this issue, please.

    I appreciate the features offered by Gutentor as well as the accompanying documentation, thank you for this tool!

    Thanks for help and fix…

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author gutentor

    (@gutentor)

    Hello @jdy68,

    Thank you for letting us know about the issue. We look deep on this issue and found that Gutentor and GeneratePress are using the same class name for the container (ie. .grid-container ), there is minor different on CSS, we will fix it on the next update.
    Please feel free to updates on the issues if you find, we will definitely fix them.

    Note: Our team have recently released a Theme CosmosWP based on Gutenor, probably you would like to check.

    Best regards!

    Plugin Author gutentor

    (@gutentor)

    Hello @jdy68,

    We have updated gutentor with the GeneratePress theme support.
    The specific CSS file will only load when GeneratePress is used with Gutentor. We have added some CSS to fix the issue.
    If you find any issue, please let us know we will add on updates.

    Best regards!

    Thread Starter Jenny Dupuy

    (@jdy68)

    Hi,

    Cool, it’s perfect.
    If I find any issue, I’ll say to you.

    Thread Starter Jenny Dupuy

    (@jdy68)

    Hi,

    Sorry, I answered too quickly without having tested!

    I updated the Gutentor plugin and removed the code 

    body .grid-container {
    width: auto;
}

    in the additional css of GeneratePress, but the problem is still present when I display the page.

    This is the css I have for the class grid-container:
    screenshot

    Thanks for help.

    • This reply was modified 5 years ago by Jenny Dupuy. Reason: not resolved
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Issue with grid-container class’ is closed to new replies.