Lillayla Posted February 2, 2022 Share Posted February 2, 2022 (edited) Site URL: https://cyan-oriole-hy6e.squarespace.com/ I have been trying to make the background on the dropdown menu transparent but can't seem to make anything work. I have tried this the following but the background is still there. Also trying to get a hover underline on the drop down links without making the «Table of Contents» title also have an underline. PLEASE any suggestions? I have tried the following for example. Does not work. .header-nav-folder-content { background: transparent; } Edited February 2, 2022 by Lillayla Link to comment
Beyondspace Posted February 2, 2022 Share Posted February 2, 2022 1 hour ago, Lillayla said: Site URL: https://cyan-oriole-hy6e.squarespace.com/ I have been trying to make the background on the dropdown menu transparent but can't seem to make anything work. I have tried this the following but the background is still there. Also trying to get a hover underline on the drop down links without making the «Table of Contents» title also have an underline. PLEASE any suggestions? I have tried the following for example. Does not work. .header-nav-folder-content { background: transparent; } Try adding to Home > Design > Custom Css .header-nav-folder-content { background: transparent !important; } .header-nav-folder-title:after, .header-nav-folder-content .header-nav-folder-item a:after { content: ''; display: block; width: 0; height: 1px; background: #fff; /*color of line*/ position: absolute; transition: width 0.3s; } .header-nav-folder-content .header-nav-folder-item a { display:inline-block; position: relative; } .header-nav-item:hover .header-nav-folder-title:after, .header-nav-folder-content .header-nav-folder-item a:hover:after { width: 100%; } Let me know how it works on your site Support me by pressing 👍 if this useful for you BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
Beyondspace Posted February 2, 2022 Share Posted February 2, 2022 My testing juliaprather 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
Lillayla Posted February 3, 2022 Author Share Posted February 3, 2022 I figured it out. Thank you 🙂 Link to comment
Priscillia Posted December 12, 2023 Share Posted December 12, 2023 (edited) Hello, I tried using .header-nav-folder-content { background: transparent !important; } But it doesn't work. Maybe it has changed in 7.1 ? My website is : https://www.fcknyefestival.com Edited December 12, 2023 by Priscillia Link to comment
tuanphan Posted December 13, 2023 Share Posted December 13, 2023 15 hours ago, Priscillia said: Hello, I tried using .header-nav-folder-content { background: transparent !important; } But it doesn't work. Maybe it has changed in 7.1 ? My website is : https://www.fcknyefestival.com Use this code div.header-nav-folder-content { background-color: transparent !important; } 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!) Link to comment
Priscillia Posted December 26, 2023 Share Posted December 26, 2023 On 12/13/2023 at 2:43 AM, tuanphan said: Use this code div.header-nav-folder-content { background-color: transparent !important; } Hello, Unfortunately this didn't work Link to comment
tuanphan Posted December 27, 2023 Share Posted December 27, 2023 16 hours ago, Priscillia said: Hello, Unfortunately this didn't work It doesn't work because you added the code to mobile query so it run on mobile only (red code). You can move my code to top of CSS box div.header-nav-folder-content { background-color: transparent !important; } Priscillia 1 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!) Link to comment
Priscillia Posted December 27, 2023 Share Posted December 27, 2023 6 hours ago, tuanphan said: It doesn't work because you added the code to mobile query so it run on mobile only (red code). You can move my code to top of CSS box div.header-nav-folder-content { background-color: transparent !important; } Indeed thank you !! tuanphan 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment