ambassador

Noella Choi September 14, 2017 17:33

closed thread

Sticky side nav

I've been looking at all the videos and posts but can't seem to find out how to make a sticky side nav bar. Is it an overlay? but I want it to always be on top without needing to be triggered. Is this possible?

This post is associated with a known feature request: [[ problemTicketSubject ]]. Let our Product team know that you’re interested in this feature.

Thanks for taking the time to share your feedback about making our product better. We’ve let our Product team know that you’re interested in this feature so they can factor that into their product strategy.

comments

Sort by

official comment

Elizabeth Brookshire , ambassador • September 14, 2017 17:49

Hi Noella, welcome to the InVision Community. While there is not a way to do this natively, there is a workaround:

Upload a full width screen. The width of the 'menu' you want to be fixed should be left transparent. For example, using a 1440px wide screen and your side nav is 300px wide. 1140px of your screen would contains the actual design and the remaining 300px is transparent.
Create a screen with the opposite design, where 1140px is transparent and the final 300px is the side nav design.
Upload the first screen (140px of your screen would contains the actual design and the remaining 300px is transparent) as usual
Click into this screen and click the cogwheel icon on the lower right. In the background image section, click Upload New. Select screen 2 (1140px is transparent and the final 300px is the side nav design).
Click the lock icon to fix the background, and save the settings.

That should do the trick! The only caveat is that you can't set hotspots on the side panel area.

Since this option is limited, I'm opening a ticket so we can track your interest in side navigation as a future feature. You'll be hearing from our Support team shortly. Thanks!

We’re currently tracking interest for this. If you’d like to add your vote for this feature, please contact Support here and voice your opinion!

Noella Choi , ambassador • September 14, 2017 17:51

Thanks for the quick reply! I will give it a try!

Noella Choi , ambassador • September 19, 2017 20:33

Got it to work in the Desktop view but was unable to do it for the Tablet view. But this was great. Exactly what i needed for now. Thank you!

Monica Torrejon , ambassador • January 15, 2018 17:55

Hi Noella,

I am not following, is there a video demo of this?

Thanks!

Sandon Hansen , ambassador • February 01, 2018 21:15

Would love a side bar option.

Shaina Torgerson , ambassador • February 02, 2018 23:26

Hi Monica,

Unfortunately, we do not have a video screenshare of this at the time. However, we are tracking interest for this feature! I will open a ticket on your behalf with our Support team so they can track your vote.

Please look for a message from our Support team soon.

Thanks,

Shaina

Shaina Torgerson , ambassador • February 08, 2018 18:58 • Edited

Hi Sandon,

Please use the link in the post at the top of this thread to add your vote to this feature request.

Thanks,

Shaina

Peri , ambassador • May 08, 2018 19:43

Help! I'm trying to follow this hack, but I'm running into an issue. My designs are all set to "Scale down to browser width" and the background image does not have that option. So my side nav is super zoomed in in the background.

How it should look (FYI "Trending People" over on the side is the sticky sidenav):

How it currently looks:

Shaina Torgerson , ambassador • May 09, 2018 21:36 • Edited

Hi Peri,

Sorry to hear that Elizabeth's instructions in the post above are not working for you. I notice that you already have a ticket open with our Support team in regards to this issue.

I will notify you Support agent of your notes here in Community as well so they receive all of the information that they need.

I apologize for any inconvenience this is causing for you.

Have a great day,

Shaina

Lala Galindo , ambassador • May 10, 2018 14:59

Hi Peri,

I'm wondering if it's the size of your background export? Have you tried bringing it down in size maybe it'll not zoom in?

Let me know if you see any changes

Lala

Peri , ambassador • May 10, 2018 16:30

Hi Lala,

What size should it be? Wouldn't it not be responsive then? I need it to display correctly regardless of screen size.

Lala Galindo , ambassador • May 11, 2018 12:23 • Edited

Peri,

I see your point. I don't think InVision has that feature for background images yet. I've made sure that the Community team is aware of side navigations feature!

If there's anything else we can help you with, please let us know.

Thanks and have a great day,

Lala

Maryana , ambassador • September 21, 2018 10:27

Also need this feature! It would help so much

Shaina Torgerson , ambassador • September 21, 2018 15:43

Hi Maryana,

Thanks for adding your feedback in this Community thread! I will open a ticket on your behalf to track your vote for this feature. Please look for a message confirming your vote soon.

Have a great day,

Shaina

Brian Warchesik , ambassador • September 25, 2018 19:30

I would love this feature as well!

Shaina Torgerson , ambassador • September 26, 2018 16:25

Hi Brian,

I will happily open a ticket on your behalf to track your interest for this feature. As a reminder, if anybody else would like to add their vote for this feature, please contact Support here and voice your opinion!

Have a wonderful day,

Shaina

Andrew Coutinho , ambassador • November 13, 2018 19:45

I am also extremely interested in having this feature available.

Thanks in advance!

Shaina Torgerson , ambassador • November 13, 2018 21:26

Hi Andrew,

I went ahead and opened a ticket for you to add your vote for this feature. You should see a message confirming your vote.

Have a great day,

Shaina

Support

Community

Courses

Internal Knowledge Base

Support

Community

Courses

Internal Knowledge Base

Sticky side nav

comments

official comment