Jump to content

Stacking Logo & Text on Mobile from Flex box

Recommended Posts

Site URL: https://oboe-pike-jers.squarespace.com

I added flex box to a first row of my footer so image/text would align vertically. Worked perfectly. However when going to mobile/table view (799px) they do not stack. I tried all types of combinations, (width 100% and tried adding block on certain row/sections) but can't seem to find the right combination. Any help would be appreciated!

Site: https://oboe-pike-jers.squarespace.com (pw: wellness)


Screen Shot 2022-03-15 at 5.08.50 PM.png

Link to comment

For those that might have a similar challenge I did solve my issue. Even though I tried "flex-wrap:wrap" I did not have a min-width on my logo (so it was shrinking to 1% in the row and not ever wrapping. Adding "min-width" and "flex-wrap:wrap" did the trick.

Edited by kmellen
Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.