Help removing the underline from the navigation bar/lining up title and navigation with video blocks

Hi there,

I'm trying to remove the underline from the navigation bar; both for the selected tab and when you hover. I was also hoping to get some help on lining up the title and navigation with the video block. I'm a total noob when it comes to custom css so any help is much appreciated. Thank you so much!

1 hour ago, PhilippS said:

Hi there,

I'm trying to remove the underline from the navigation bar; both for the selected tab and when you hover. I was also hoping to get some help on lining up the title and navigation with the video block. I'm a total noob when it comes to custom css so any help is much appreciated. Thank you so much!

Hey  Philip, 

So you would need a bit of CSS for this. To get the underline to go we would use the following code in the custom CSS area. You'll also have to target each individual link that is in it's non-hover state;

.header-nav-item a [href="/about"], .header-menu-nav-item a[href="/about"]
{
   text-decoration: none !important;
}

and on hover (this should target all nav links) the code is;

.header-nav-item a:hover { 
 text-decoration: none !important;
}

With the above codes you should get no underline. Do remember to target every navlink and it's respective /url so for example home is just '/' about is '/about' etc etc

Hope this helps

Thank you so much! Just got back to my computer and saw this. I will give I a try now!

4 hours ago, PhilippS said:

Thank you so much! Just got back to my computer and saw this. I will give I a try now!

No problem, let me know if it worked for you 🙂

Thanks! I just tried and it doesn't seem to be working, unless I maybe added the code incorrectly.

On 3/26/2024 at 11:24 PM, PhilippS said:

Thanks! I just tried and it doesn't seem to be working, unless I maybe added the code incorrectly.

Can you share site url?

Sure, it's www.philippstuvecke.com.

Do you need to log in?

On 3/30/2024 at 1:33 AM, PhilippS said:

Sure, it's www.philippstuvecke.com.

Do you need to log in?

You can use this code to Website > Website Tools > Custom CSS

#navigator header#topBar ul#nav a {
    text-decoration: none !important;
    border: none !important;
}