hi i trying to make a webpage for an App my friend is making, but iv’e run into a problem when collapsing 3 columns.
i have 3 columns in 1 row 40% 30% 30%
on the 40% (left side) i have a mockup of a phone (large image)
and on middle column i have a appStore badge
and 3rd column i have the googleplay badge.
what i was trying to do was when the screen gets smaller i wanted the rightside column to collapse on the middle one so the storebadges where on top of each other, and in the end when even smaller screen they should both collapse ontop of the mockup phone.
but what really happens is the the badges only move when the screen gets about half size and they both jump above the phone,
iv’e tried the float left in css but nothing happens and using @media does nothing so does anyone know how to control the collapse behavior, so they stack nicely above eachother either in 1 column or 2 columns.
im using the Vantage theme.
Hi Flatronw2042s,
I’d like to help you with this, but unfortunately, this is beyond the scope of the support we’re able to offer on our free forums. There is a fair amount of custom work involved as it’s not possible to choose the specific ordering outside of which direction things are output – right to left, or left to right.
We do offer this level of support to our premium users, so if you’d like to upgrade to SiteOrigin Premium, then I can help you over email support.
If you’d prefer not to upgrade to SiteOrigin Premium, then you can hire a WordPress developer from Codeable. They’ll charge you an hourly rate for any work done.