Menu with vertical scroll/swipe ability

Issues related to hyperlinks and web site navigation.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/links.html
dnlyko
 
 
Posts: 60
Joined: Tue Mar 05, 2019 12:55 pm
Location: Canada

Menu with vertical scroll/swipe ability

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.

User avatar
Pablo
 
Posts: 18986
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Menu with vertical scroll/swipe ability

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
 
 
Posts: 60
Joined: Tue Mar 05, 2019 12:55 pm
Location: Canada

Re: Menu with vertical scroll/swipe ability

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

rockngroove.ca
specifically the 'snaps' menu
indexOverly

User avatar
Pablo
 
Posts: 18986
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Menu with vertical scroll/swipe ability

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
 
 
Posts: 60
Joined: Tue Mar 05, 2019 12:55 pm
Location: Canada

Re: Menu with vertical scroll/swipe ability

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

User avatar
Pablo
 
Posts: 18986
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Menu with vertical scroll/swipe ability

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
 
 
Posts: 60
Joined: Tue Mar 05, 2019 12:55 pm
Location: Canada

Re: Menu with vertical scroll/swipe ability

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?

User avatar
crispy68
 
 
Posts: 712
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Menu with vertical scroll/swipe ability

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
 
 
Posts: 60
Joined: Tue Mar 05, 2019 12:55 pm
Location: Canada

Re: Menu with vertical scroll/swipe ability

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

User avatar
crispy68
 
 
Posts: 712
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Menu with vertical scroll/swipe ability

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
 
 
Posts: 60
Joined: Tue Mar 05, 2019 12:55 pm
Location: Canada

Re: Menu with vertical scroll/swipe ability

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

Thanks so much

dnlyko
 
 
Posts: 60
Joined: Tue Mar 05, 2019 12:55 pm
Location: Canada

Re: Menu with vertical scroll/swipe ability

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?

User avatar
crispy68
 
 
Posts: 712
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Menu with vertical scroll/swipe ability

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
 
 
Posts: 60
Joined: Tue Mar 05, 2019 12:55 pm
Location: Canada

Re: Menu with vertical scroll/swipe ability

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?

User avatar
crispy68
 
 
Posts: 712
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Menu with vertical scroll/swipe ability

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.

Post Reply