Margins setting for mobile

Hi there,

I'd like to customise the margins of my site on the mobile version (the site is still in progress)
dachshund-sprout-2cee.squarespace.com
+ password : thiste_wip

Here is a screenshot of the "Projets" page, as you can see the page margins don't fit the header margin, plus i'd like to reduce the overall margin through the entire website.

Is there anyway to achieve that with CSS ?

Thanks

36 minutes ago, alexisb said:

Hi there,

I'd like to customise the margins of my site on the mobile version (the site is still in progress)
dachshund-sprout-2cee.squarespace.com
+ password : thiste_wip

Here is a screenshot of the "Projets" page, as you can see the page margins don't fit the header margin, plus i'd like to reduce the overall margin through the entire website.

Is there anyway to achieve that with CSS ?

Thanks

Try the following custom css code for section id you want to apply

@media only screen and (max-width: 767px) {
  section[data-section-id="664c9e0bc4805028a7d6c3f1"] .fe-block {
    padding-right: 40PX;
    padding-left: 40px;
  }
}

Let me know how it works on your site

3 hours ago, Beyondspace said:

Try the following custom css code for section id you want to apply

@media only screen and (max-width: 767px) {
  section[data-section-id="664c9e0bc4805028a7d6c3f1"] .fe-block {
    padding-right: 40PX;
    padding-left: 40px;
  }
}

Let me know how it works on your site

Thanks but unfortunately it doesn't work, positive values increase the margin width, I tried with negative values just in case with no result.