Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by stapleshotz

  1. Haha wow, yeah that did the trick. It's perfect! Thank you so much!
  2. Hey @bangank36! I've been fiddling around with this for a while and some of your previous posts have already helped me greatly, but I'm having an odd problem I can't seem to figure out. https://mbmtest3.squarespace.com/ pw: middleborn Thanks to you, I've managed to get that menu section on the left to behave how I want, but I can't figure out how to get rid of that big yellow box where the section would normally be. I'd like the content below to be right beneath the header video. I'm guessing this problem has something to do with the fact that I'm making an entire section sticky, rather than just a column in a section, but I'm not sure. What's odd is when I set the menu section's position to "fixed" instead of "sticky", the content beneath that section behaves how I want. See below: Any ideas on how to handle this? This is all the custom code I'm using on this page: (Apologies for the mess) <style> @media screen and (min-width:641px){ #header { display: none; } .page-section:nth-child(2){ width:20vw; z-index: 9999; position: sticky !important; background-color: transparent !important; top: 0; } .page-section:nth-child(2) .section-background{ background: transparent !important; } /* Menu Logo Edits */ .page-section:nth-child(2) .image-block{ width: 15vw !important; max-width: 250px !important; text-align: center !important; } /* Menu Button Edits */ .page-section:nth-child(2) .sqs-block-button-container--center { text-align: left !important; padding-right: 3vw !important; } .page-section:nth-child(2) .sqs-block { padding-top: 3px !important; padding-bottom: 3px !important; } .page-section:nth-child(2) .sqs-block-button-element { padding-left: 5vw !important; padding-right: 5vw !important; } /* Menu Left Justify */ .page-section:nth-child(2) .content-wrapper { padding-left: 0vw !important; text-align: left !important; } /* content to the right */ .content-wrapper { justify-content: flex-end !important; } } @media screen and (max-width:640px){ section[data-section-id="606f7adc828e892e3eaa0bc7"] { display: none; } } </style>
  • 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.