liamdmcl Posted November 16, 2022 Posted November 16, 2022 (edited) I'm using the Dynamic header style, which uses the theme of the first section on each page and makes it transparent in the first section. Is there a way to also make the header folder dropdown menu background transparent in the top section only? I've seen CSS to make it transparent always, but I have the header set to Scroll Back and this would impact readability of the menu further down the page. Site: https://www.northdesignbuild.com/ Thank you! Edited November 16, 2022 by liamdmcl
Solution Beyondspace Posted November 16, 2022 Solution Posted November 16, 2022 1 hour ago, liamdmcl said: I'm using the Dynamic header style, which uses the theme of the first section on each page and makes it transparent in the first section. Is there a way to also make the header folder dropdown menu background transparent in the top section only? I've seen CSS to make it transparent always, but I have the header set to Scroll Back and this would impact readability of the menu further down the page. Site: https://www.northdesignbuild.com/ Thank you! You can try adding to Home > Design > Custom Css #header:not(.shrink) .header-nav-folder-content { background: transparent; } Let me know how it works on your site Support me by pressing 👍 or marking as solution if this useful for you liamdmcl and MontavillaDesign 1 1 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
Beyondspace Posted November 16, 2022 Posted November 16, 2022 My testing 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
liamdmcl Posted November 16, 2022 Author Posted November 16, 2022 8 hours ago, Beyondspace said: You can try adding to Home > Design > Custom Css #header:not(.shrink) .header-nav-folder-content { background: transparent; } Let me know how it works on your site Support me by pressing 👍 or marking as solution if this useful for you Worked like a charm, thank you! Beyondspace 1
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment