Streaming live at 10am (PST)

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


I’ve been tasked with recreating the navigation system of

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!


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 which may help, it is avaliable to clone here:

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


1 Like

Arthur this is awesome! Seriously.

Thank you.

1 Like


Here’s my version of Arthur’s navigation:

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?


1 Like

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