Removing space between inline text blocks on mobile devices

Site URL: https://rachel-balm.squarespace.com/work-with-me

Hi, I have three inline text blocks to create columns but on mobile devices theres a gap between the blocks. Is anyone able to help me with some code to remove it from this section?

Password to site is Rachel

Thank you!

2 hours ago, Elle_H said:

Site URL: https://rachel-balm.squarespace.com/work-with-me

Hi, I have three inline text blocks to create columns but on mobile devices theres a gap between the blocks. Is anyone able to help me with some code to remove it from this section?

Password to site is Rachel

 

Thank you!

I got a trick for you, first you need to find the id of the block 'above' the columns, replace it accordingly with this snippet

@media only screen and (max-width: 640px) {
      #block-b0c7be2032eba6fa45f3 + .sqs-row .span-4 .sqs-block-html {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
      }
}

@Elle_H I think on mobile, the order of GUT CARE STARTER PACKAGE text/image - COMPLETE GUT RESET PACKAGE text/image is incorrect?

Also, your site has some pages with very long content. You can consider adding a back to top button.

On tablet, the site has small yellow bar on right of screen. Do you want to remove this?

Contact page text seems a bit narrow on this page, tablet. https://rachel-balm.squarespace.com/contact-1

Hi. Is there a way to get rid of that extra space throughout the whole website? If not,  how do I find the block id?

On 2/16/2021 at 8:34 PM, resinworks said:

Hi. Is there a way to get rid of that extra space throughout the whole website? If not,  how do I find the block id?

 

Which space? Can you take a screenshot & share link to your site? We can help easier

Hi. I have this problem. This is how my website looks on a desktop

and this is how it looks on a mobile.

I need to add some padding at the end of the paragraph that ends with the word nothing. I've done it on other pages throughout the site but for some reason I can't get it to work on this page.

I would also like to remove a bit of space from  under the PANDEMIC IMPACT  subheading but I can't get that to work either.

Any help would be appreciated.

The website is https://octahedron-porcupine-hff8.squarespace.com/config/pages the impact of absence page

On 2/24/2021 at 4:40 PM, resinworks said:

Hi. I have this problem. This is how my website looks on a desktop

and this is how it looks on a mobile.

 

I need to add some padding at the end of the paragraph that ends with the word nothing. I've done it on other pages throughout the site but for some reason I can't get it to work on this page.

I would also like to remove a bit of space from  under the PANDEMIC IMPACT  subheading but I can't get that to work either.

Any help would be appreciated.

The website is https://octahedron-porcupine-hff8.squarespace.com/config/pages the impact of absence page

 

 

Hi. /config is admin url. See how to find page url.