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

Lock Screen Header & Logo Overlap



Site URL: https://crocodile-triangle-2k6t.squarespace.com/


I've managed to follow some lock screen code injection to add my brand fonts & increase the size of my logo, plus add space between the logo and the body text, however I can't figure out the coding to move the Headline text down so it does not overlap the logo. Screen snip attached. 

I tried: 

  .sqs-slice-headline {
    margin-top: 250px !important;

But it doesn't work. Any pointers?




Link to comment
  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

4 answers to this question

Recommended Posts

  • 0

Please set a site password in the visibility settings. Without this, we won't be able to view the page.

Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment
  • 0
On 4/25/2021 at 6:21 AM, BVIDA said:

Oh sorry @paul2009 I'm very new to all this. 

Try it now with 1234567890

Settings > Advanced > Code Injection > Lock Page

  .sqs-slice-heading {
    margin-top: 200px;


Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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