Jump to content

Mobile version not displaying properly - text should all range left

Recommended Posts

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

Link to comment
  • Replies 1
  • Views 357
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • 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.