Bottom scroll nav

Hey guys,

I was wondering how can I get a nav in mobile mode that sticks to the bottom of the page, like these guys? https://www.getbatterybox.com/

When in mobile view, there is nice pre-order stuck on the bottom.

Thank you.

Hi @Lizagub, you can create a div, give it a class name, set it to position Fixed, anchored to bottom. You can give your div some height and add your content. In the advanced settings of the styles panel, give your div that you are fixing to the bottom, a z-index higher than all other elements on your page, like z-index 999. That way the other content will scroll under your fixed footer.

I hope that helps, cheers :slight_smile:

@cyberdave Thank you so much. That worked, and the navbar way worked as well.

Another thing I need help with is when I scroll, the scroll menu that comes down, how do I edit that? There is no way for me to access that. The sections, home, features, why us, describe. I cannot see them in webflow editor, I want to remove it and add a pre order button.

Thank you again.

https://webflow.com/design/visus?preview=50050015e13314cd644d0bd4c4ecf49d2

Hi @Lizagub, that template you have, has a hidden scroll nav. Do the following, first double click on the Scroll Nav symbol (as highlighted by the green box marker next to the element name, this means it is a symbol), and then for the root element of that symbol, set the Display to Block and edit away. When you are done editing, click the Display None button, to put the nav scroll root element in that symbol, back to Display none so the page works as intended.

See my screenshots:

Edit Scroll Nav Symbol:

Display nav scroll root element and set that to display block, after editing set to display none again:

Cheers, Dave

@cyberdave wow, thank you. I was trying to figure out, that was so simple. Thanks again.

Ok I have a few more questions and thats it, I promise.

How can I put a play button like https://www.myvessyl.com/ and when pressed, it will be a full page video? Thank you!

Hi @Lizagub, by full page, do you mean a light box that is full page and video in the center with normal dimension, or do you mean full page as in video goes from one edge of browser window to the other? Depending on answer, will decide the solution :smile:

Cheers, Dave

Hi @cyberdave a full page as in the video goes from one edge of browser window to other. Exactly like how vessyl has it.

Hi @cyberdave! Was hoping you made some progress at your end :slight_smile:

Hi there @Lizagub, we appreciate your patience, from the Webflow team, we are happy to provide design assistance, but we do it as a courtesy, and when we have available time (we have to show everyone a little love) but I have not had a chance yet to look at this… will get back soon though if someone else has not already chimed in :slight_smile:

Hi @cyberdave, Thank you, you guys are awesome and it really helps. I figured this out btw so no worries! I hosted on amazon and used the url from there for the scripts.

Hi @Lizagub, ok thanks for letting us know… Glad to be of service :slight_smile:

@Lizagub

Could you share with us how you managed to do the full page video like on the Vessel site https://www.myvessyl.com

thanks :wink: