Streaming live at 10am (PST)

[RESOLVED] Fix Menu Current Selection on Single Page Design


#1

How do you change the "Current Color" of a Link
when you jump within the same page to another ID ?

Link 1 jumps to ID One, Link 2 jumps to ID Two... etc.

I need to change the background / foreground color of the links.

"Current" works for the "Current Page"... Not for the "Current ID".


#2

Fastest way to do this now is to create a temporary div with the same class name but with no link, make your adjustments and then delete it...


#3

I'll try to explain a different way.

How do I change the ACTIVE state of a link.

If I have 4 links that take you to 4 different sections....

section 1's ID should change the active state of link 1.

section 2's ID should change the active state of link 2.

etc.


#4

@Revolution can you post screenshots and your read-only link?

If the links all have the same styling for the "current" class, then you'll just need to change the one with "current" selected. If you're talking about having different styling for each link, then you'd need to create separate classes for each link, like "Nav Link 1", "Nav Link 2", etc.


#5

probably better to show something that works. Scroll and watch the left menu.

Notice the options highlights as the id changes.

http://callmenick.com/_development/single-page-smooth-scroll/

Easy to do in html / css... am I just having a brain fart or something ?


#6

anyone ?

doesn't anyone know how to make a link active for an ID... not for a page ?

active cannot be set for an ID.

This is easy to do in html / css... how do you do it in webflow ?

video: http://quick.as/k105s5All


#7

ignore. I figured it out.

I had an extra non needed class hiding in the background.


#8

This topic was automatically closed after 60 days. New replies are no longer allowed.