nicki-patsios Posted August 14, 2023 Posted August 14, 2023 @tuanphan I'd like to center the text in the footer only on mobile. I'd love the social media icons to be centered on mobile only as well too. Please advise!website: https://cymbals-tan-fkf5.squarespace.com/PW: halpme
Lesum Posted August 14, 2023 Posted August 14, 2023 @nicki-patsios Here's the solution to change alignments on mobile footer: @media only screen and (max-width: 767px) { #block-e46e3673c636bfd9529a p { text-align: center !important; } #block-3e2c8e6d315584c880a2 .social-icon-alignment-left .sqs-svg-icon--list { text-align: center !important; } } If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee?
nicki-patsios Posted August 14, 2023 Author Posted August 14, 2023 @Lesum thanks! It only worked for this part though 😭 Everything else in the footer is still left aligned...
Solution Lesum Posted August 14, 2023 Solution Posted August 14, 2023 (edited) @nicki-patsios I thought you didn't want to change the menu alignments. Here's the updated code: @media only screen and (max-width: 767px) { footer p { text-align: center !important; } #block-3e2c8e6d315584c880a2 .social-icon-alignment-left .sqs-svg-icon--list { text-align: center !important; } } Edited August 14, 2023 by Lesum If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee?
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment