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

[kelliesworld (Kellie Patzer)]

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

[Arthur (Arthur James)]

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: Playground - Webflow

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

Arthur

[kelliesworld (Kellie Patzer)]

Arthur this is awesome! Seriously.

Thank you.

[kelliesworld (Kellie Patzer)]

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!