Streaming live at 10am (PST)

Want to get rid of the current state in Navbar


#1

Hi guys,

is there a way to get rid of the current style of the navbar links? It overwrites the hover style which i want to keep further on each link in my navbar.

Thanks in advance !


#2

You can't, but can't you add a :hover state to the class+current link?


#3

Yes i already did this. But the current state disable the hover state :/


#4

Make sure you are applying the hover state to the "current" class. The hover state on the current class should not be overridden, it doesn't override on my projects. If you don't want a current state at all you can match the style between the non current state and the current state.

I might be misunderstanding what you want to do, if you post a public link we might be able to assist you further.


#5

Hi @aykut ! If you set the initial link style for the Current class for a link, it should not interfere with the hover state for the link. Do you have a public link to your site, that we can look at, or your can also send a support request to support@webflow.com, and we can take a look at your site.

More info on read-only links here: http://help.webflow.com/sharing-your-public-webflow-site-link.

Cheers, Dave


#6

Hi everyone,

sorry for the late reply.

This is the public link: https://webflow.com/design/vieclambank?preview=db0f78e66c347c64b83176d7925edb73

In the preview it seems that the current are overwritten from the hover state but after publishing it shows a different result.
https://webflow.com/design/vieclambank?preview=db0f78e66c347c64b83176d7925edb73

Thanks in advance!


#8

I've got a slight problem with my current states as well. I've got a nav dropdown called "Träning" controlling my tab (along with the regular tab navigation) using a javascript (http://forum.webflow.com/t/select-a-tab-using-another-button-or-link/3665/18).

But when visiting each tab using the navigational dropdown, my nav dropdown link gets a blue "current state" (only visible when using the published website link: http://mabrahalsa.webflow.com/mabra-xzersize-morby-traning .

I can't access and customize this class as it won't show up in the Webflow UI.

Any thoughts on this @cyberdave or anyone?

Public Link:
https://webflow.com/design/mabrahalsa?preview=2f01f141a67b742f1f1195d23a094b14


#9

I would also like to access the current state class for the nav.
I have a Contact link in the top nav that anchor links to the page footer.
If you click the link from a tablet/phone using the collapsed menu icon, then view the menu again, the Contact link is blue.

Thanks!


#11

It's very easy, just found out this video here:
It shows how to do it step by step
http://quick.as/jywlsqlj


#12

Hehe thanks, but in my case..I just figured out I could just change the link to another element and then put it back again.

I'm so utterly stupid sometimes.

blush


#14

@OrangePeel, thanks for the share smile


#15

You're welcome, it was easier than i thought,
Found it right here on the forums just by searching and lurking.
Thank you guys !


#16