Archived topic
Columns Have Suddenly Broken
3 replies · Started by Andre on October 31, 2019
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?
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
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.
Glad to be of help.
