Removing underline from navigation on 7.1

Hello! I designed this site in 7.1 and would simply like to remove the underline on the active navigation link. This is currently not an option in the Design section of 7.1, so I will need some CSS. Any ideas?

https://www.pamelaackerman.com/

Thank you!

THANK YOU!!!

Hi, the same question but for Nolan template. Upper CSS code doesn't work. Thanks!

On 2/27/2020 at 10:39 PM, Mlekoman said:

Hi, the same question but for Nolan template. Upper CSS code doesn't work. Thanks!

Can you share link to your site or Nolan template url?

On 2/29/2020 at 4:52 PM, tuanphan said:

Can you share link to your site or Nolan template url?

This is the link: http://grouper-marlin-lxls.squarespace.com
Password: studiokruh

22 hours ago, Mlekoman said:

 

This is the link: http://grouper-marlin-lxls.squarespace.com
Password: studiokruh

Add to Home > Design > Custom CSS

.header-nav-wrapper a {
    background-image: none !important;
}

Thank you very much, it worked!

Hi I have the same question using 7.1. on the site

https://www.christopherhorwood.com/

I tried the code below but no luck any ideas?

Thanks

.header-nav-item--active a {
   background-image: none;
}

13 hours ago, Horwood said:

Hi I have the same question using 7.1. on the site

https://www.christopherhorwood.com/

I tried the code below but no luck any ideas?

Thanks

 

.header-nav-item--active a {
   background-image: none;
}

use this

.header-nav-item--active a {
   background-image: none !important;
}

Thanks Tuanphan works a treat

Thank you! This worked for me.

On 5/29/2020 at 11:15 PM, tuanphan said:

use this

.header-nav-item--active a {
   background-image: none !important;
}

 

still does not work for me.

https://raiseforgood-2021.squarespace.com/

password: rfg2021

@danny1

Add the following to Design > Custom CSS.

.tweak-global-animations-animation-type-flex .header-nav-item:not( .header-nav-item--folder ) a::after {

  all : unset;
  
  }

This is for v7.1.

Let us know how it goes.

13 hours ago, creedon said:

@danny1

Add the following to Design > Custom CSS.

.tweak-global-animations-animation-type-flex .header-nav-item:not( .header-nav-item--folder ) a::after {

  all : unset;
  
  }

Let us know how it goes.

This worked! Appreciate it!

Hi @tuanphan !

I'm trying to add an image as the active underline for the nav on this restaurant site. I'm not able to get the image at full width. Are you able to help? 

https://sawfish-tulip-pxkb.squarespace.com/config/settings

password: detention

11 hours ago, sheasdesign said:

Hi @tuanphan !

I'm trying to add an image as the active underline for the nav on this restaurant site. I'm not able to get the image at full width. Are you able to help? 

https://sawfish-tulip-pxkb.squarespace.com/config/settings

password: detention

Hi,

Where image?

7 hours ago, tuanphan said:

Hi,

Where image?

@tuanphan It's on my navigation currently. I also posted this question here with further details - 

On 8/18/2021 at 11:29 PM, sheasdesign said:

@tuanphan It's on my navigation currently. I also posted this question here with further details - 

 

Can you add some items? I don't see any items in header navigation

Hiya! I would love to remove the underline in the header but have no clue how? help please. I have tried everything including the code used above but unfortunately, it has not worked. 

My website is : martini-i18-nov.squarespace.com

Thank you in advance x

On 3/23/2022 at 4:56 AM, Jamilah said:

Hiya! I would love to remove the underline in the header but have no clue how? help please. I have tried everything including the code used above but unfortunately, it has not worked. 

My website is : martini-i18-nov.squarespace.com

Thank you in advance x

Your site is private. Can you setup password & share url again? We can check easier

13 minutes ago, tuanphan said:

Your site is private. Can you setup password & share url again? We can check easier

Sorry, the password is:  hello
martini-i18-nov.squarespace.com

On 3/24/2022 at 2:55 PM, Jamilah said:

Sorry, the password is:  hello
martini-i18-nov.squarespace.com

You mean email underline? Add to Design > Custom CSS

/* remove header email underline */
.sqmuse-burger-menu .sm-burger-menu-email a {
    text-decoration: none !important;
    border: none !important;
}

On 2/2/2021 at 9:36 PM, creedon said:

@danny1

Add the following to Design > Custom CSS.

.tweak-global-animations-animation-type-flex .header-nav-item:not( .header-nav-item--folder ) a::after {

  all : unset;
  
  }

Let us know how it goes.

Thought this one was it, but no luck 😂 I've been having the same problem, tried this solution and every other one I could find, but none seem to do the trick. Help please 🙏🏽

Site: https://www.thesproutcollective.com

1 hour ago, PatrickJ said:

Thought this one was it, but no luck 😂 I've been having the same problem, tried this solution and every other one I could find, but none seem to do the trick. Help please 🙏🏽

Site: https://www.thesproutcollective.com

Use this

header#header a:not(.btn), header#header a:not(.btn) span {
	background-image: none !important;
}