CFlo Posted April 7, 2022 Share Posted April 7, 2022 Site URL: https://seadragon-seabass-6p66.squarespace.com/config/pages Hi! I'm trying to get the two buttons side by side in the hero image for mobile. I've tried a bunch of different codes from the forum here and can't seem to get any to work. Any help is appreciated, thank you! PW: cheese Link to comment
tuanphan Posted April 10, 2022 Share Posted April 10, 2022 Add to Design > Custom CSS /* Buttons side by side */ @media screen and (max-width:767px) { div#page-section-624cabb35a3219421a546834 .span-6 { width: 50% !important; float: left !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
CFlo Posted April 11, 2022 Author Share Posted April 11, 2022 On 4/10/2022 at 7:32 AM, tuanphan said: Add to Design > Custom CSS /* Buttons side by side */ @media screen and (max-width:767px) { div#page-section-624cabb35a3219421a546834 .span-6 { width: 50% !important; float: left !important; } } Thank you!! Now 'Wellness Box' is on two lines instead of 1 - anyway to fix this? Link to comment
tuanphan Posted April 11, 2022 Share Posted April 11, 2022 2 hours ago, CFlo said: Thank you!! Now 'Wellness Box' is on two lines instead of 1 - anyway to fix this? Use this new code /* Buttons side by side */ @media screen and (max-width:767px) { div#page-section-624cabb35a3219421a546834 .span-6 { width: 50% !important; float: left !important; } div#page-section-624cabb35a3219421a546834 .button-block a { font-size: 12px; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
CFlo Posted April 11, 2022 Author Share Posted April 11, 2022 (edited) 47 minutes ago, tuanphan said: Use this new code /* Buttons side by side */ @media screen and (max-width:767px) { div#page-section-624cabb35a3219421a546834 .span-6 { width: 50% !important; float: left !important; } div#page-section-624cabb35a3219421a546834 .button-block a { font-size: 12px; } } Amazing - thank you! Are you able to help me with my blog thumbnail images for mobile now? For some reason the thumbnails are in shapes - I have NO IDEA why?? I can't find a way to fix it? I'd also like the size to be much smaller on mobile. On the community Page. Edited April 11, 2022 by CFlo Link to comment
tuanphan Posted April 18, 2022 Share Posted April 18, 2022 On 4/12/2022 at 6:35 AM, CFlo said: Amazing - thank you! Are you able to help me with my blog thumbnail images for mobile now? For some reason the thumbnails are in shapes - I have NO IDEA why?? I can't find a way to fix it? I'd also like the size to be much smaller on mobile. On the community Page. Hi. Can you share link to blog? I don't see it on homepage/header Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment