LeeLee 1 Share Posted October 28, 2020 Site URL: https://sailfish-greyhound-97yf.squarespace.com/ Hi, How can I centre these whole blocks on mobile? I like the desktop version however the mobile version I would prefer for the block to be centred underneath the image for both. https://sailfish-greyhound-97yf.squarespace.com/ PW: Leanne Thanks, Leanne Link to post
0 tuanphan 8,979 Share Posted October 28, 2020 Add to Home > design > Custom CSS @media screen and (max-width:640px) { div#block-yui_3_17_2_1_1603423462239_8173 figcaption { width: 90%; margin-top: 20px !important; margin-left: auto; margin-right: auto; } } You can send your question to my email to get detail answer. / How to Setup Password & Share URL --- Happy New Year Link to post
0 LeeLee 1 Author Share Posted October 28, 2020 Thanks Tuan! I have used this for that block and it has worked - I have used the same code with the block # for the services block however it does not centre on mobile. Link to post
0 tuanphan 8,979 Share Posted October 31, 2020 add float: none !important; div#block-yui_3_17_2_1_1603365867922_11864 figcaption { width: 90%; margin-top: 0px !important; margin-left: auto; margin-right: auto; float: none !important; } You can send your question to my email to get detail answer. / How to Setup Password & Share URL --- Happy New Year Link to post
Question
LeeLee 1
Site URL: https://sailfish-greyhound-97yf.squarespace.com/
Hi,
How can I centre these whole blocks on mobile? I like the desktop version however the mobile version I would prefer for the block to be centred underneath the image for both.
https://sailfish-greyhound-97yf.squarespace.com/
PW: Leanne
Thanks,
Leanne
Link to post
Top Posters For This Question
3
2
Popular Days
Oct 28
3
Oct 31
2
Top Posters For This Question
LeeLee 3 posts
tuanphan 2 posts
Popular Days
Oct 28 2020
3 posts
Oct 31 2020
2 posts
Posted Images
4 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment