Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Adjust the padding in a section for mobile only



Site URL: https://capybera-ellipsoid-mak7.squarespace.com/

Hi there 

Im trying to work out the code I need to reduce the padding in a specific section on mobile display only.  (stay/terrace house and stay/luxe suite). 

I'd like to do it via section id so I can apply it to other sections if I need to. 

Any assistance would be greatly appreciated! 

(site password is calipoppy) 


Screen Shot 2022-06-27 at 1.32.10 pm.png

Link to comment
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

1 answer to this question

Recommended Posts

  • 0

Edit The Luxe Suite Page > Add a Code Block at bottom of page > Paste this code

  @media screen and (max-width:767px) {
  article section:first-child {
    min-height: unset !important;
article section:first-child .content-wrapper {
    padding-bottom: 0 !important;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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