Skip to content

Instantly share code, notes, and snippets.

@ihsanberahim

ihsanberahim/_README.md

Last active October 7, 2021 05:39
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ihsanberahim/87a2bc0be71a9f2f542dd3b95f67ccb1 to your computer and use it in GitHub Desktop.
Save ihsanberahim/87a2bc0be71a9f2f542dd3b95f67ccb1 to your computer and use it in GitHub Desktop.
Download ZIP
Squarespace Mobile Header overrides
Raw
_README.md

Squarespace Mobile Header overrides

  • #collection-body-id
    • get it from the page source <body id="">
  • https://image-url
    • since no media storage. Create Gallery page and disabled it.
    • upload image in the gallery page and open the page to get the image url
Raw
style.css
/*HEADER MOBILE*/
@media (max-width: 425px) {
#collection-body-id .page-banner-wrapper{
height: 500px !important;
}
#collection-body-id .page-banner-image-wrapper img{
display: none;
}
#collection-body-id .page-banner-image-wrapper{
background-repeat: no-repeat;
background-image: url(https://image-url);
background-size: cover;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment