clattenburgcake Posted October 8, 2020 Share Posted October 8, 2020 Site URL: https://decade3.co.uk So on the home page of our website I'd like to change the buttons at the bottom to be displayed side-by-side ("Learn More" and "Talk To Us"). Right now the furthest I've gone with the code to centralise the buttons on mobile is: @media screen and (max-width:640px) { .sqs-block-button * { text-align: center !important; } } But I'd very much like them to be displayed side-by-side on mobile, as in browser: How do I achieve this? Link to comment
tuanphan Posted October 10, 2020 Share Posted October 10, 2020 Add to Home > Design > Custom CSS /* buttons side by side */ @media screen and (max-width:767px) { div#page-section-5f7565448036587780a97721 .span-12>.row:nth-child(2) .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
clattenburgcake Posted October 11, 2020 Author Share Posted October 11, 2020 Thanks @tuanphan! One last bit of help, the button text doesn't seem centered on mobile anymore- is there a way to fix this, maybe even custom resize the buttons? Link to comment
tuanphan Posted October 12, 2020 Share Posted October 12, 2020 Remove above & use new code /* buttons side by side */ @media screen and (max-width:767px) { div#page-section-5f7565448036587780a97721 .span-12>.row:nth-child(2) .span-6 { width: 50% !important; float: left !important; } div#page-section-5f7565448036587780a97721 .span-12>.row:nth-child(2) .span-6 a { padding: 10px 25px; } } 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
Archived
This topic is now archived and is closed to further replies.