Maksymrewko Posted January 4 Share Posted January 4 Hi there 🙂 Need some help trying to stack these buttons on the mobile breakpoint. I followed Will Myres' video to achieve these tab sections - so they are not your traditional buttons. Any help would be much appreciated. Many thanks Link to comment
Beyondspace Posted January 4 Share Posted January 4 16 minutes ago, Maksymrewko said: Hi there 🙂 Need some help trying to stack these buttons on the mobile breakpoint. I followed Will Myres' video to achieve these tab sections - so they are not your traditional buttons. Any help would be much appreciated. Many thanks Can you show me the result you want to achieve? Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
Maksymrewko Posted January 4 Author Share Posted January 4 @Beyondspace - something along this lines on the mobile breakpoint so all the buttons stack Link to comment
tuanphan Posted January 7 Share Posted January 7 What is your site url? We can check easier 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
Maksymrewko Posted January 17 Author Share Posted January 17 @tuanphan - https://www.ukrainiandanceworld.com/dance-groups  Link to comment
tuanphan Posted January 19 Share Posted January 19 On 1/17/2023 at 7:35 AM, Maksymrewko said: @tuanphan - https://www.ukrainiandanceworld.com/dance-groups  Add to Design > Custom CSS @media screen and (max-width:767px) { .tabs-container button { max-width: unset !important; display: block !important; margin: 0 !important; width: 100% !important; background-color: #ee7d00 !important; color: white !important; margin-bottom: 20px !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
Maksymrewko Posted January 19 Author Share Posted January 19 @tuanphan that works but I get a huge gap bewteen the search bar and buttons? I tried to set the padding to 0 for the code block but that didn't help. Any thoughts? Link to comment
Solution tuanphan Posted January 26 Solution Share Posted January 26 On 1/19/2023 at 9:50 AM, Maksymrewko said: @tuanphan that works but I get a huge gap bewteen the search bar and buttons? I tried to set the padding to 0 for the code block but that didn't help. Any thoughts? Use this new code @media screen and (max-width:767px) { .tabs-container button { max-width: unset !important; display: block !important; margin: 0 !important; width: 100% !important; background-color: #ee7d00 !important; color: white !important; margin-bottom: 20px !important; } .tabs-container { transform: unset !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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment