Streaming live at 10am (PST)

SideNav that opens/closes full-length sideBlock (subNav)


#1

Folks

I've been tasked with recreating the navigation system of https://www.qualcomm.com/

I am on the fence of tackling this with a vertical TAB system or by using vertical image buttons that open/close a full-length sideBlock (subNav).

How might YOU approach this?

NOTE: Notice how the icon/button CHANGES to the [X] icon and is staged to trigger the reset/hiding of the sideBlock (subNav).

Thanks a bunch everyone!

Kellie


#2

Hi there,

I'm replying on a mobile and haven't had a chance to look at the site on a desktop so this may not be helpful but I thought I'd point you to http://arthurplayground.webflow.io/push-out-menu which may help, it is avaliable to clone here: https://webflow.com/website/Forum-Help

Let me know if this is what you were looking for,

Arthur


#3

Arthur this is awesome! Seriously.

Thank you.


#4

Folks

Here's my version of Arthur's navigation: https://preview.webflow.com/preview/cc-web?preview=1de23051373cb48da1e283c1ec9f59ff

The HOME button is close to being realized but I'm having a horrible time trying to get HOVERS to work. On mouse-over for either the HOUSE or the X icon, I'd like some sort of mouse-over indicator.

I've tried adding additional graphical DIVs but regardless of how I try to add INTERACTION or which DIV I add them to, it breaks this affect.

Any ideas of how to get a visual mouse-over indicator?

Thanks!


#5

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