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>
Beyondspace reacted to a post in a topic:
Split Sticky Sections
stapleshotz changed their profile photo
