raego Posted February 5 Share Posted February 5 (edited) I am trying to center align the 'Sign Up' button in the footer of this website on mobile only (this section is fluid engine). The code below does not seem to work. @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1675639492851_7264 * { text-align: center; } } Edited February 5 by raego Link to comment
Mdhanjal Posted February 6 Share Posted February 6 can you share url pls? Hi, I'm BITTU. A website developer with 8 years experience with Squarespace. if you need help and work with me email me here :- mandeepsquarespace@gmail.com Best Hourly Rate :- $15 Per Hour Link to comment
raego Posted February 6 Author Share Posted February 6 https://www.giftandcrate.com.au/ Link to comment
Mdhanjal Posted February 6 Share Posted February 6 @media only screen and (max-width: 640px) { #siteWrapper.site-wrapper .sqs-button-element--primary { line-height: normal; border-style: solid; margin-left: 47px; } } Hi, I'm BITTU. A website developer with 8 years experience with Squarespace. if you need help and work with me email me here :- mandeepsquarespace@gmail.com Best Hourly Rate :- $15 Per Hour Link to comment
Solution Ziggy Posted February 6 Solution Share Posted February 6 Hi @raego I would recommend firstly changing the block to take up the full 8 grid columns on mobile (you should also make it wider on desktop) this won't change the size of the button, just the block container. Then add this Custom CSS to center the button within that container: @media only screen and (max-width:767px) { #block-yui_3_17_2_1_1675639492851_7264 { .sqs-block-button-container--left { justify-content: center; } } } Please let me know if that works for you! Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? Link to comment
raego Posted February 6 Author Share Posted February 6 8 hours ago, Ziggy said: Hi @raego I would recommend firstly changing the block to take up the full 8 grid columns on mobile (you should also make it wider on desktop) this won't change the size of the button, just the block container. Then add this Custom CSS to center the button within that container: @media only screen and (max-width:767px) { #block-yui_3_17_2_1_1675639492851_7264 { .sqs-block-button-container--left { justify-content: center; } } } Please let me know if that works for you! This worked great, thank you! Ziggy 1 Link to comment
Ziggy Posted February 6 Share Posted February 6 3 minutes ago, raego said: This worked great, thank you! Looks perfect! Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? 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