Page 1 of 1
Menu with vertical scroll/swipe ability
Posted: Sat Dec 07, 2019 4:20 pm
by dnlyko
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.
Re: Menu with vertical scroll/swipe ability
Posted: Sat Dec 07, 2019 4:27 pm
by Pablo
Which menu are you using?
And what is the URL of the page so I can see the 'problem'?
Re: Menu with vertical scroll/swipe ability
Posted: Sat Dec 07, 2019 4:30 pm
by dnlyko
rockngroove.ca
specifically the 'snaps' menu
indexOverly
Re: Menu with vertical scroll/swipe ability
Posted: Sat Dec 07, 2019 4:38 pm
by Pablo
You can add this code between the head tags of Page HTML to add scrolling:
Code: Select all
<style>
.indexOverlayMenu1
{
overflow-y: auto;
}
</style>
Re: Menu with vertical scroll/swipe ability
Posted: Sat Dec 07, 2019 4:43 pm
by dnlyko
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
Re: Menu with vertical scroll/swipe ability
Posted: Sat Dec 07, 2019 5:02 pm
by Pablo
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.
Re: Menu with vertical scroll/swipe ability
Posted: Sun Dec 29, 2019 5:56 pm
by dnlyko
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?
Re: Menu with vertical scroll/swipe ability
Posted: Sun Dec 29, 2019 6:24 pm
by crispy68
Yes, unless the menu is just on a master page then you only need to add it to the master page.
Re: Menu with vertical scroll/swipe ability
Posted: Sun Dec 29, 2019 6:28 pm
by dnlyko
So I have added it to every page and it does not seem to be working mysnapsonline.com
Re: Menu with vertical scroll/swipe ability
Posted: Sun Dec 29, 2019 7:42 pm
by crispy68
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.
Re: Menu with vertical scroll/swipe ability
Posted: Sun Dec 29, 2019 8:45 pm
by dnlyko
Thanks so much
Re: Menu with vertical scroll/swipe ability
Posted: Sun Dec 29, 2019 8:51 pm
by dnlyko
If I delete the menu, will that delete my incorrect html and the correct html?
Re: Menu with vertical scroll/swipe ability
Posted: Sun Dec 29, 2019 8:55 pm
by crispy68
Deleting the menu only deletes the menu. The code you add manually is not deleted.
Re: Menu with vertical scroll/swipe ability
Posted: Sun Dec 29, 2019 10:04 pm
by dnlyko
That makes sense.
Any way to edit or delete code?
or should I just rebuild the pages?
Re: Menu with vertical scroll/swipe ability
Posted: Sun Dec 29, 2019 10:39 pm
by crispy68
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.
Re: Menu with vertical scroll/swipe ability
Posted: Sun Dec 29, 2019 10:52 pm
by dnlyko
I tried to edit and or delete but it does not allow me to.
How are you able to delete html?
Re: Menu with vertical scroll/swipe ability
Posted: Sun Dec 29, 2019 11:10 pm
by crispy68
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?
Re: Menu with vertical scroll/swipe ability
Posted: Sun Dec 29, 2019 11:15 pm
by dnlyko
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
Re: Menu with vertical scroll/swipe ability
Posted: Sun Dec 29, 2019 11:21 pm
by crispy68
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?
Re: Menu with vertical scroll/swipe ability
Posted: Sun Dec 29, 2019 11:27 pm
by dnlyko
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