Navigation Modal keep on page when scrolling

[leomru]

Hello,

I am trying to build new design for my website and want to give my customers navigation options when they scrolling my page it is quite long. Is it possible to make Modal acceptable in the right upper side of the page when they are scrolling down the page?

[ruenel]

Hello @leomru,

Thanks for writing in! The Navigation Modal will display in front of the page. If you want it to the side, you may need the Navigation Layered or the Navigation Collapse which will display the Off-Canvas menu to the side. Or you may use the Navigation dropdown. Kindly check out our documentation here:

• https://theme.co/docs/navigation-collapsed
• https://theme.co/docs/navigation-layered
• https://theme.co/docs/navigation-dropdown

Hope this helps.

[leomru]

Many thanks, for your answer, but I asked about another thing. I want to keep menu button, when scrolling down of the website.

[tristup]

Hi @leomru,

What I have understood, that you want to give an option to your website visitor to click on the button to open a modal while scrolled down into the page.
If that is the case, I would suggest you to use the Header builder to create a sticky bar which will contain the Navigation Collapsed or other options given by my colleague in the above post.
Please follow the below steps to create the sticky header:

1. Set Off the Sticky Bar for the header. [ Screenshot 1]
2. Duplicate the same Header bar with Sticky Bar On. [ Screenshot 2 ] replace the navigation element with the Navigation Collapsed or else.
3. Set Hidden initially, so it will appear only when you scroll.

If that is not the case, and you are trying to point out something else, please provide a few more information like a screenshot with a marked issue or any video. It helps us to understand what you are expecting.

Thanks

[leomru]

Hi, tristup

Many thanks, You have catch my request absolutely right.

[nabeel]

Glad that we could be of help.

Cheers!