Menu with vertical scroll/swipe ability

dnlyko · Post by **dnlyko** » Sat Dec 07, 2019 4:20 pm

Does anyone know if there is a menu that will scroll once the number of menu items becomes longer than the device screen will display?
I have built many sites and now am running into this problem on the sites that the menu, when displayed on a phone, will only display the first part of the menu items.
There does not seem to be any option to allow one to swipe down or scroll to reveal the lower menu items.
Any and all help and guidance is appreciated as this has now become a huge problem in my web site development.

Post by **Pablo** » Sat Dec 07, 2019 4:27 pm

Which menu are you using?
And what is the URL of the page so I can see the 'problem'?

dnlyko · Post by **dnlyko** » Sat Dec 07, 2019 4:30 pm

rockngroove.ca
specifically the 'snaps' menu
indexOverly

Post by **Pablo** » Sat Dec 07, 2019 4:38 pm

You can add this code between the head tags of Page HTML to add scrolling:

Code: Select all

<style>
.indexOverlayMenu1 
{
	overflow-y: auto;
}
</style>

dnlyko · Post by **dnlyko** » Sat Dec 07, 2019 4:43 pm

Thanks. But that would be my second option.
Is there any menu that has this swiping/scrolling ability already built into it for mobile devices

Post by **Pablo** » Sat Dec 07, 2019 5:02 pm

None of the menus have standard scrolling because it may confuse the user to have multiple scrollbars on the page.
But you can usually add it yourselfl with just a few lines of code.

dnlyko · Post by **dnlyko** » Sun Dec 29, 2019 5:56 pm

Pablo wrote: Sat Dec 07, 2019 4:38 pm You can add this code between the head tags of Page HTML to add scrolling:
Code: Select all
<style>
.indexOverlayMenu1 
{
	overflow-y: auto;
}
</style>

Do I add this to every single page?

crispy68 · Post by **crispy68** » Sun Dec 29, 2019 6:24 pm

Yes, unless the menu is just on a master page then you only need to add it to the master page.

dnlyko · Post by **dnlyko** » Sun Dec 29, 2019 6:28 pm

So I have added it to every page and it does not seem to be working mysnapsonline.com

crispy68 · Post by **crispy68** » Sun Dec 29, 2019 7:42 pm

That's because your code is incorrect. Is the ID of your overlay menu "indexOverlayMenu1"? No. Based on your code it is just "OverlayMenu1".

So the code should be:

Code: Select all

<style>
.OverlayMenu1{overflow-y:auto;}
</style>

If you change the ID of the menu then you will need to change it in the code above.

dnlyko · Post by **dnlyko** » Sun Dec 29, 2019 8:45 pm

Thanks so much

dnlyko · Post by **dnlyko** » Sun Dec 29, 2019 8:51 pm

If I delete the menu, will that delete my incorrect html and the correct html?

crispy68 · Post by **crispy68** » Sun Dec 29, 2019 8:55 pm

Deleting the menu only deletes the menu. The code you add manually is not deleted.

dnlyko · Post by **dnlyko** » Sun Dec 29, 2019 10:04 pm

That makes sense.
Any way to edit or delete code?
or should I just rebuild the pages?

crispy68 · Post by **crispy68** » Sun Dec 29, 2019 10:39 pm

I'm a bit confused. Why are you rebuilding the pages? Are you not using the overlay menu anymore?

Any code you manually add can be edited or deleted the same way you added it.

dnlyko · Post by **dnlyko** » Sun Dec 29, 2019 10:52 pm

I tried to edit and or delete but it does not allow me to.
How are you able to delete html?

crispy68 · Post by **crispy68** » Sun Dec 29, 2019 11:10 pm

How did you add it originally? However you added it just go back and remove it.

Did you add the code via an html object? or did you add it via the page html under: Page --> Page HTML --> Between <head></head> tags?

dnlyko · Post by **dnlyko** » Sun Dec 29, 2019 11:15 pm

crispy68 wrote: Sun Dec 29, 2019 11:10 pm How did you add it originally? However you added it just go back and remove it.

Did you add the code via an html object? or did you add it via the page html under: Page --> Page HTML --> Between <head></head> tags?

I tried highlighting the code then backspace and delete but it does not allow

crispy68 · Post by **crispy68** » Sun Dec 29, 2019 11:21 pm

If you added the code under the page HTML, then it should let you delete it. Can you upload an image of what you are trying to delete?

dnlyko · Post by **dnlyko** » Sun Dec 29, 2019 11:27 pm

Stupid me. I was attempting to do it on the upper window, not in the lower edit window. I did not open the 'Between" tab to reveal my code

www.wysiwygwebbuilder.com

Menu with vertical scroll/swipe ability

Menu with vertical scroll/swipe ability

Re: Menu with vertical scroll/swipe ability

Re: Menu with vertical scroll/swipe ability

Re: Menu with vertical scroll/swipe ability

Re: Menu with vertical scroll/swipe ability

Re: Menu with vertical scroll/swipe ability

Re: Menu with vertical scroll/swipe ability

Re: Menu with vertical scroll/swipe ability

Re: Menu with vertical scroll/swipe ability

Re: Menu with vertical scroll/swipe ability

Re: Menu with vertical scroll/swipe ability

Re: Menu with vertical scroll/swipe ability

Re: Menu with vertical scroll/swipe ability

Re: Menu with vertical scroll/swipe ability

Re: Menu with vertical scroll/swipe ability

Re: Menu with vertical scroll/swipe ability

Re: Menu with vertical scroll/swipe ability

Re: Menu with vertical scroll/swipe ability

Re: Menu with vertical scroll/swipe ability

Re: Menu with vertical scroll/swipe ability