Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

Flex layout issue with containers

  • Hi everyone,
    Getting my head around the flex layout settings.
    I’m redoing a home page that was originally done in Beaver Builder (on a temp domain)
    The second row linked (container/container) with three inner container (columns) is the issue.
    I have the buttons aligned on the 1st and 3rd, but the container pushes down to the bottom of the page and into the footer, and I can’t work out why.
    I have tried with an existing pattern and one of Mike’s wireframe patterns (updated for 1.7), and they both have the same issue.
    I see the inner three containers have their height set to 100%, I assume that is not correct.
    Thoughts appreciated.
    Dave

  • Hi Dave,

    Did you make any changes to the theme? A CSS isn’t loaded.

    Try adding this through Appearance > Customize > Additional CSS:

    *,::after,::before {
        box-sizing: inherit
    }
  • Thanks that sorts it out.
    No changes made to the theme as far as I know.
    I’ll keep an eye on it when the home page gets updated to the live site…
    Cheers, Dave

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.