Jump to content

Remove underline on navigation and drop down

Go to solution Solved by tuanphan,

Recommended Posts

  • Replies 10
  • Created
  • Last Reply

Top Posters In This Topic

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.

 

 

 

Screenshot 2022-12-24 at 1.55.18 PM.png

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, Keyword Highlighter
If 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
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
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?

image.png.28cb8df49bc25d7f5b1dc7c0f1c00ee5.png

Edited 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, Keyword Highlighter
If 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

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.

Screenshot_20221227_093348.png.cbc471724cbadc60d12ada43c3b87c8a.pngScreenshot_20221227_093323.png.f8c01173ad2f886e7589a723486747df.png

Link to comment
  • Solution
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. image.png.7552d924cf7f81394a97ab4b3ae42bfc.png

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.