Anchor Tag Navigation Styling - Need Help

[thinkpatience]

Hi all,

I've designed a single page website with smooth scroll jquery, the header + nav is fixed to the top of the website with anchor tags as the link. So the page travels up underneath the #header with a z-index:9999 set.

Everything functions great, I just need to know how to make the navigation links look a certain way (i.e. line underneath, different color, etc...) when you are on its corresponding page and/or at their anchor tag.

Can this be accomplished through CSS or do I need to use JQuery? Hopefully it's just a simple CSS solution that I'm blanking on...

Thanks!

 

[Hexiii]

Try

a:active {
color: xxxxxx;
text-decoration: underline;
}

Is this what you need?

 

[thinkpatience]

Try

a:active {
color: xxxxxx;
text-decoration: underline;
}

Is this what you need?

Hmm, tried it... it just makes the link underlined when it is clicked until you release the mouse. I'd like it to stay while on that page/anchor.

 

[Hexiii]

Hmm, tried it... it just makes the link underlined when it is clicked until you release the mouse. I'd like it to stay while on that page/anchor.

Well, there is no just CSS solution for this, you're going to need some JS. :/

 

[thinkpatience]

Well, there is no just CSS solution for this, you're going to need some JS. :/

Ahh, that's what I was thinking... thanks for the help though.

 

[Hexiii]

Ahh, that's what I was thinking... thanks for the help though.

I would help you further if I knew how to JS.

Try to google something or post your website here so people can look at the code directly.

 

[Hexiii]

Hi all,

I've designed a single page website with smooth scroll jquery, the header + nav is fixed to the top of the website with anchor tags as the link. So the page travels up underneath the #header with a z-index:9999 set.

Everything functions great, I just need to know how to make the navigation links look a certain way (i.e. line underneath, different color, etc...) when you are on its corresponding page and/or at their anchor tag.

Can this be accomplished through CSS or do I need to use JQuery? Hopefully it's just a simple CSS solution that I'm blanking on...

Thanks!

Did you see this thread? It seems it's the same question.

https://forums.macrumors.com/threads/1394686/

 

[AFPoster]

post a link to the site so we can view your creation and give better advice by looking at the source.

 

[clemsonhomerun]

post a link to the site so we can view your creation and give better advice by looking at the source.

i concur, hard to diagnose this stuff without the url. Could be any number of things causing the css to not show as desired.