[Resolved] Columns Have Suddenly Broken

Home Forums Support Columns Have Suddenly Broken

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1050038
    Andre

    Hi guys! Hope I can get some help. So here I am working away on my website, when I decided to update the chrome update while I stepped away. Came back and activated and styled the searchbar. Refreshed the webpage and right column where I have a blue signup box as a placeholder is now broken. It’s now appearing below the tickbox list on the left instead of aligning on the right in desktop view. Can someone help? I cleared the cache and ran the css through a validator and everything is smooth. I can’t seem to see why the css is making the 2 column block appear broken. Any help please?

    #1050095
    David
    Staff
    Customer Support

    Hi there,

    this CSS is causing the issue:

    .groupblock .wp-block-columns {
        flex-direction: column;
    }

    Not sure if you want this for the mobile stack and therefore needs to be in the @media query.
    Or if you wanted it applied to the columns themselves which would be:

    .groupblock .wp-block-column {
        flex-direction: column;
    }

    ie. drop the plural ‘s’ off of columns

    #1050140
    Andre

    You are a star! I would have never seen that and I don’t know how the s was added but there it was. Thank you so much.

    #1050392
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.