MelPal Posted December 24, 2022 Share Posted December 24, 2022 When I'm on a page, the menu item and item in the dropdown that links to that page is underlined. Is it possible to remove that? I attached a screenshot. Link to comment
Beyondspace Posted December 26, 2022 Share Posted December 26, 2022 On 12/25/2022 at 4:55 AM, MelPal said: When I'm on a page, the menu item and item in the dropdown that links to that page is underlined. Is it possible to remove that? I attached a screenshot. Can you share your URL site so I can take a look? some custom Css code can work around it Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
MelPal Posted December 26, 2022 Author Share Posted December 26, 2022 1 hour ago, Beyondspace said: Can you share your URL site so I can take a look? some custom Css code can work around it It's not live but you can view it at this link: https://chrysalis-turbot-dpp8.squarespace.com/ with the password uptecwa9119 Link to comment
Web_Solutions Posted December 26, 2022 Share Posted December 26, 2022 Add these code on Custom CSS Section .header-nav-folder-item--active .header-nav-folder-item-content { background: none !important; } Link to comment
MelPal Posted December 26, 2022 Author Share Posted December 26, 2022 2 hours ago, Web_Solutions said: Add these code on Custom CSS Section .header-nav-folder-item--active .header-nav-folder-item-content { background: none !important; } Thank you. This removed the underline from the folder item, but not from the folder itself. Any thoughts? Link to comment
Beyondspace Posted December 27, 2022 Share Posted December 27, 2022 (edited) 4 hours ago, MelPal said: Thank you. This removed the underline from the folder item, but not from the folder itself. Any thoughts? I check that it is fine now. Do you still need help? Edited December 27, 2022 by Beyondspace Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
Web_Solutions Posted December 27, 2022 Share Posted December 27, 2022 Add this code .header-nav-folder-item--active .header-nav-folder-item-content, .header-nav-folder-item--active .header-nav-folder-title { background: none !important; } Link to comment
MelPal Posted December 27, 2022 Author Share Posted December 27, 2022 Thank you. I added this code as well but it's still not working. The first image here shows how on the homepage there is no underlining and the item I am hovering over becomes bold and turns blue, but then in the second image you can see that when I'm on the history page itself, the "About" folder is still underlined and the menu item becomes bold but does not turn blue. Link to comment
MelPal Posted December 27, 2022 Author Share Posted December 27, 2022 .header-nav-folder-item a:hover { font-weight: bold; color: #00A3D8 !important; } I added "!important" to the color in the hover code, and that made it so the color changes now. But I'm still dealing with the underlining of the active folder. Link to comment
Solution tuanphan Posted December 29, 2022 Solution Share Posted December 29, 2022 On 12/28/2022 at 12:55 AM, MelPal said: .header-nav-folder-item a:hover { font-weight: bold; color: #00A3D8 !important; } I added "!important" to the color in the hover code, and that made it so the color changes now. But I'm still dealing with the underlining of the active folder. Add this to remove underline a.header-nav-folder-title { background-image: none !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
MelPal Posted January 3 Author Share Posted January 3 Thank you @tuanphan! The navigation menu is perfect now. Link to comment
SH9861 Posted March 30 Share Posted March 30 I have gone through the whole thread and tried the code, but none seem to be working. See the image below. Could I get some help 🙂 Link to comment
tuanphan Posted April 3 Share Posted April 3 On 3/30/2023 at 11:45 PM, SH9861 said: I have gone through the whole thread and tried the code, but none seem to be working. See the image below. Could I get some help 🙂 What is your site url? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care 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