Jump to content

How to add in spacing on mobile view

Recommended Posts

Site URL: https://tmsolicitor.com.au/home

Hi all - 

Just making some updates to my clients site and the padding between elements seems to be automatically getting removed for mobile now it seems. It's been a while since I have touched Squarespace and I am not sure what is happening. 

I have added spacing blocks below each column but they are not showing when I head into the mobile view. 

Any help on how to add these in would be marvellous! I dont remember it doing this!  🤷‍♀️

 

Screen Shot 2022-07-25 at 1.56.54 pm.png

Screen Shot 2022-07-25 at 1.57.07 pm.png

Link to comment
40 minutes ago, The-Design-Order said:

Site URL: https://tmsolicitor.com.au/home

Hi all - 

Just making some updates to my clients site and the padding between elements seems to be automatically getting removed for mobile now it seems. It's been a while since I have touched Squarespace and I am not sure what is happening. 

I have added spacing blocks below each column but they are not showing when I head into the mobile view. 

Any help on how to add these in would be marvellous! I dont remember it doing this!  🤷‍♀️

 

Screen Shot 2022-07-25 at 1.56.54 pm.png

Screen Shot 2022-07-25 at 1.57.07 pm.png

Some codes is setting display none for space blocks.

image.thumb.png.75fa5815525c9e523f2e63d5574e7e2c.png

Use the following codes to overwrite them.

@media only screen and (max-width: 640px) {
  #new-page-41 .spacer-block {
    display: block;
  }
}

Let me know how it works

Edited by bangank36

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

you can use my previous code to set visible for this section.

Or try find this code in:

- Home > Design > Custom Css

- Home > Settings > Advanced > code injection (within <style> tag)

- Home > Pages > choose setting on page > Advance

- ... any code block?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

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.