chadhinsonjr

11 hours ago, tuanphan said:

You mean make mobile layout same as, with 2 columns: left is text/button - right is image?

Yes exactly 

Hey, I was wondering if it is possible to do this same thing with 3-4 elements. If you see the picture below there is a text block, a picture block, a button block, and a space block to offset the image. Is there a way to have this displayed exactly like this on mobile?  the url is https://creativebelievers.com/staymotivated

I would like 3 to be the same as 1 and 2. 

6 hours ago, tuanphan said:

Add to Design > Custom CSS

/* 3 buttons side by side */
@media screen and (max-width:767px) {
div#page-section-612d39c8b577d75aeeaa0ec5 .span-10>.row:nth-child(3) .col {
    width: calc(~"33.3333% - 20px") !important;
    float: left !important;
    margin: 10px !important;
}
div#page-section-612d39c8b577d75aeeaa0ec5 .span-10>.row:nth-child(3) .col * {
    font-size: 12px;
}
div#page-section-612d39c8b577d75aeeaa0ec5 .span-10>.row:nth-child(3) .col .button-block {
    padding: 0 !important;
}
}

 

Thank you so much!

Do you have any idea how I could fix the sizing issue on the buttons so that they appear to be the same size?

Site URL: https://whoamitv.tv/music

The images below are how my buttons align on both mobile and desktop. The buttons sit next to each other on desktop but stack on mobile. Is there a way I can keep the buttons next to each other even while on mobile?