Shortening navigation underline

  • 1
  • Question
  • Updated 8 years ago
  • Answered
Is there any way to shorten or remove the horizontal line under the navigation links on the Squeaky Clean style?

I want to shorten or remove this underline for one page only...does anyone know of a way?
Photo of giles

giles

  • 12 Posts
  • 0 Reply Likes

Posted 8 years ago

  • 1
Photo of Brianna

Brianna

  • 2045 Posts
  • 92 Reply Likes
Hello giles,

An action like the one you are requesting can be done using the Custom CSS that is available to our Silver members. Do you have Yola Silver or Yola Free? Please share your domain with us so we can take a peek at your site and access your account to look into this further.
Photo of giles

giles

  • 12 Posts
  • 0 Reply Likes
Hi Brianna,

thank you for getting back so quickly.

The domain is www.markcalderwood.com; the changes aren't live just yet, I've just emailed the support team with my login details to have a look.
Photo of Brianna

Brianna

  • 2045 Posts
  • 92 Reply Likes
Hi Giles,
Thank you for the email. I did just receive it in our inbox and have passed it forward to our HTML team who will assist you with the above query as well as your background query. We appreciate your patience as they locate solutions and share them with you!
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
Hi Giles,

add this to the page that you would like it to happen on. It should work.

#menu{
margin: 0;
margin-left: 5px;
margin-right: 5px;
border-bottom:0px;
}

Let me know if it does not.

Andi
Photo of giles

giles

  • 12 Posts
  • 0 Reply Likes
Hi Andi

thanks for the reply, but unfortunately it didn't do anything.
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
Hi Giles, okay what is the name of the style you are using?
Photo of giles

giles

  • 12 Posts
  • 0 Reply Likes
squeaky clean grey
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
Okay Giles, I have tried on the same template and I can confirm that the following code works:

#menu { margin: 0;
margin-left: 5px;
margin-right: 5px;
border-bottom:solid 0px #CCCCCC;
}

add the above code to your page and see what it does.

Andi
Photo of giles

giles

  • 12 Posts
  • 0 Reply Likes
I've pasted this into a html widget on the page I want it on, but it doesn't affect the nav underline. It also makes the code show up as text on the page.
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
Sorry, the code pasted wrong on this forum, copy the following without the <!--- and --->

<!---

<style type="text/css">

#menu { margin: 0;
margin-left: 5px;
margin-right: 5px;
border-bottom:solid 0px #CCCCCC;
}

</style>

--->

Andi
Photo of giles

giles

  • 12 Posts
  • 0 Reply Likes
I just tried it as a CSS paste in the site properties site CSS thingy, and it removed that line from every page. Not exactly what I was after, I wanted the line only off the contact page, but it's still going to work with the look of the site overall so I'm happy to run with it. Thank you very much Andi!
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
You should be able to add a HTML Widget on the contact page and it should delete from this page only.
Photo of giles

giles

  • 12 Posts
  • 0 Reply Likes
Nope, it doesn't. I'll split the difference and go with the line off every page to keep uniformity.
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
Okay, glad you found a solution.

Andi