Jump to content

Removing white space between site title and next section

Recommended Posts

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

 

Link to comment
  • Replies 3
  • Views 383
  • Created
  • Last Reply
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?

image.thumb.png.5562c03fa2e6352d825c0976fb2095f7.png

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.


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