Jump to content

Mobile version not displaying properly - text should all range left

Recommended Posts

Posted

Site URL: https://weedwise.squarespace.com

Hello. I am trying to use CSS to change the layout of the footer on the mobile version only. As you can see from the attached image of the desktop version, two sections are ranged right, but all sections are supposed to be ranged left on the mobile. Can anyone tell me what is wrong with this code please? I managed to work out the code for not displaying the spacers on the mobile and also for moving the social media icons to the left, but the last block of text is refusing to range left!

/* range text left on mobile footer */
@media only screen and (max-width:640px) {
#block-yui_3_17_2_1_1629213840697_13069 .sqs-block-content {
text-align: left !important;
}} 

Footer (desktop).png

Footer (mobile).png

  • Replies 1
  • Views 421
  • Created
  • Last Reply

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.