Jump to content

How to add in spacing on mobile view

Recommended Posts

Posted

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

Posted (edited)
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 (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

Posted

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 (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

Posted

Thanks! This site is pretty heavily laden with code so will have a look in all the places to try and remove it... Or even just increase the spacing a little so it is like that site-wide.  Appreciate the help! 

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.