BoundtreeM Posted January 18, 2023 Posted January 18, 2023 I'm trying to add a transparent color to the fixed top navigation upon scroll using the following code to no avail: .Header { position: fixed !important; top: 0; left: 0; right: 0; bottom: 10; z-index: 999; } /* Mobile */ .Mobile-bar { background-color:transparent; } /* Desktop */ .Header { background-color:transparent !important; } .Header{ transition: 0.2s; color: #f6f6f6; } What am I doing wrong? Thank you!
Beyondspace Posted January 18, 2023 Posted January 18, 2023 1 hour ago, BoundtreeM said: I'm trying to add a transparent color to the fixed top navigation upon scroll using the following code to no avail: .Header { position: fixed !important; top: 0; left: 0; right: 0; bottom: 10; z-index: 999; } /* Mobile */ .Mobile-bar { background-color:transparent; } /* Desktop */ .Header { background-color:transparent !important; } .Header{ transition: 0.2s; color: #f6f6f6; } What am I doing wrong? Thank you! Have you tried using the dynamic style and set position fixed basic? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> 🤖 Ask me anything
BoundtreeM Posted January 19, 2023 Author Posted January 19, 2023 I'm not seeing that option in the menu. I'm using the Heights template. this is what I see :
Beyondspace Posted January 20, 2023 Posted January 20, 2023 11 hours ago, BoundtreeM said: I'm not seeing that option in the menu. I'm using the Heights template. this is what I see : Can you share your site with the protected password so I can take a look? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> 🤖 Ask me anything
BoundtreeM Posted January 20, 2023 Author Posted January 20, 2023 Thank you--the site is live at boundtreemarketers.com...
Beyondspace Posted January 20, 2023 Posted January 20, 2023 I check that you have already set the transparent background for header Have you figured it out? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> 🤖 Ask me anything
BoundtreeM Posted January 21, 2023 Author Posted January 21, 2023 I want the header to transition to a darker transparent color upon scrolling so that it doesn't get lost...
jenartsquare Posted November 26 Posted November 26 @BoundtreeM I'm having the same issue. And though there is a way to make the header solid on a scroll by changing it to DYNAMIC as @Beyondspace indicated above, it only allows you to turn it the color of the next section. That doesn't help me. @Beyondspace, can you help us with this? I want to be able to indicate the color I want the header to change to, and I don't want it to be the first section color. I want it to be white. Thanks!
tuanphan Posted November 28 Posted November 28 @jenartsquare do you have a link to a site? We can check easier 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!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment