aurevoir_blu Posted March 10, 2021 Share Posted March 10, 2021 Site URL: https://emu-maracas-4rxy.squarespace.com/ For some reason my submenu links (in the main navigation drop down) are considered "Active", and the custom styling I applied for active links, is visible from the drop down. Is there a way to turn this off so that it's only visible when the link is actually active? password: clearmission Beyondspace 1 Link to comment
Beyondspace Posted March 10, 2021 Share Posted March 10, 2021 32 minutes ago, aurevoir_blu said: Site URL: https://emu-maracas-4rxy.squarespace.com/ For some reason my submenu links (in the main navigation drop down) are considered "Active", and the custom styling I applied for active links, is visible from the drop down. Is there a way to turn this off so that it's only visible when the link is actually active? password: clearmission Could you try this .header-nav-folder-item:hover { border-bottom: 1px solid #000; } .header-nav-item:hover { border-bottom: 1px solid #000; } tuanphan and aurevoir_blu 2 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 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
aurevoir_blu Posted March 11, 2021 Author Share Posted March 11, 2021 Thanks @bangank36! That worked perfectly. Just one tiny thing, is it possible to change the underline so that it only spans the length of the text and not so extended (see above) like the styling on the other links? Beyondspace 1 Link to comment
Beyondspace Posted March 11, 2021 Share Posted March 11, 2021 3 hours ago, aurevoir_blu said: Thanks @bangank36! That worked perfectly. Just one tiny thing, is it possible to change the underline so that it only spans the length of the text and not so extended (see above) like the styling on the other links? try .header-nav-folder-item:hover a { border-bottom: 1px solid #000; } .header-nav-folder-item a { display: inline-block; } .header-nav-item:hover { border-bottom: 1px solid #000; } aurevoir_blu and tuanphan 1 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 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
aurevoir_blu Posted March 11, 2021 Author Share Posted March 11, 2021 You rock! Thanks so much for your help @bangank36 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