Removing white space between site title and next section

Site URL: https://daisy-tarpon-72er.squarespace.com/portfolio

I am trying to remove spacing between site title and next section as well as between section and footer on ALL desktop pages.

I tried this code:

@media only screen and (min-width:641px) {

[data-section-id="60619d0a5517c019d3727c0c"] {

    margin-top: -50px;

}

/*Remove HOME white space between site title and next section*/

[data-section-id="605498d8b43c651398849a26"] {

    margin-top: -20px;

}

/*Remove PORTFOLIO white space between site title and next section*/

[data-section-id="605660acc26d96133b3f7470" ] {

    margin-top: -20px;

}

/*Remove CONTACT white space between site title and next section*/

[data-section-id="6054b9bfc1228d04d6dac684"] {

    margin-top: -20px;

}

}

BUT it interferes with my mobile site and these codes are affected as follows:  

/* hide footer mobile */ DISPLAYS WHEN THE ABOVE CODE IS ADDED!
@media only screen and (max-width:640px) {
    footer.sections {
        display: none !important;
}
}

/* Add sub title */ DOESN"T DISPLAY WHEN THE ABOVE CODE IS ADDED!
 a#site-title:after {   
  content: "architect"!important;
  display: block !important;
  font-size: 100% !important;
  font-weight: 400 !important;
  line-height: 0.35 !important;
  color: lightgrey !important;
}

Does anyone know where I am going wrong?

Thanks

What is the password to see the site?

On 4/14/2021 at 3:09 PM, feefee1 said:

Site URL: https://daisy-tarpon-72er.squarespace.com/portfolio

I am trying to remove spacing between site title and next section as well as between section and footer on ALL desktop pages.

I tried this code:

@media only screen and (min-width:641px) {

[data-section-id="60619d0a5517c019d3727c0c"] {

    margin-top: -50px;

}

/*Remove HOME white space between site title and next section*/

[data-section-id="605498d8b43c651398849a26"] {

    margin-top: -20px;

}

/*Remove PORTFOLIO white space between site title and next section*/

[data-section-id="605660acc26d96133b3f7470" ] {

    margin-top: -20px;

}

/*Remove CONTACT white space between site title and next section*/

[data-section-id="6054b9bfc1228d04d6dac684"] {

    margin-top: -20px;

}

}

BUT it interferes with my mobile site and these codes are affected as follows:  

/* hide footer mobile */ DISPLAYS WHEN THE ABOVE CODE IS ADDED!
@media only screen and (max-width:640px) {
    footer.sections {
        display: none !important;
}
}

/* Add sub title */ DOESN"T DISPLAY WHEN THE ABOVE CODE IS ADDED!
 a#site-title:after {   
  content: "architect"!important;
  display: block !important;
  font-size: 100% !important;
  font-weight: 400 !important;
  line-height: 0.35 !important;
  color: lightgrey !important;
}

Does anyone know where I am going wrong?

Thanks

 

Looks fine here. Can you explain clearly?

Thanks @tuanphan - I have managed to do it without the code, by playing with the editable options