Designing Nav links


#1

Hi, any ideas how to recreate the Nav links on this page
http://studiocorvus.com/ Hover over and the text changes colour and the icon goes from grey (assume opacity is reduced as as initial state) to white. Looks great, have been playing around no joy so far. Thanks


Here is my public share link: LINK
(how to access public share link)


#2

Hi @RoseWebStudio

Why don't you just ask @rowan how he did?
He's still around :slight_smile:


#3

Thanks will do - appreciate the prompt response


#4

Hi @RoseWebStudio I sent you my read-only link, that should show you exactly how I did it. It's pretty easy actually. You just create a link block, and in that link block add a text block (the nav link title) and an image icon. Then give that link block a hover-interaction where you give the image icon a different opacity. Just be sure to select "Limit to Nested Elements", so that only the icon that you are hovering will change it's opacity, and not all of them.

see image;


#5

Thanks a lot, very helpful and useful advise


#6

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