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
Post Reply
User avatar
dnlyko
 
 
Posts: 134
Joined: Tue Mar 05, 2019 12:55 pm
Location: Toronto - Canada

Menu with vertical scroll/swipe ability

Post 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.
User avatar
Pablo
 
Posts: 21577
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Menu with vertical scroll/swipe ability

Post by Pablo »

Which menu are you using?
And what is the URL of the page so I can see the 'problem'?
User avatar
dnlyko
 
 
Posts: 134
Joined: Tue Mar 05, 2019 12:55 pm
Location: Toronto - Canada

Re: Menu with vertical scroll/swipe ability

Post by dnlyko »

rockngroove.ca
specifically the 'snaps' menu
indexOverly
User avatar
Pablo
 
Posts: 21577
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Menu with vertical scroll/swipe ability

Post 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>
User avatar
dnlyko
 
 
Posts: 134
Joined: Tue Mar 05, 2019 12:55 pm
Location: Toronto - Canada

Re: Menu with vertical scroll/swipe ability

Post 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
User avatar
Pablo
 
Posts: 21577
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Menu with vertical scroll/swipe ability

Post 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.
User avatar
dnlyko
 
 
Posts: 134
Joined: Tue Mar 05, 2019 12:55 pm
Location: Toronto - Canada

Re: Menu with vertical scroll/swipe ability

Post 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?
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Menu with vertical scroll/swipe ability

Post by crispy68 »

Yes, unless the menu is just on a master page then you only need to add it to the master page.
User avatar
dnlyko
 
 
Posts: 134
Joined: Tue Mar 05, 2019 12:55 pm
Location: Toronto - Canada

Re: Menu with vertical scroll/swipe ability

Post by dnlyko »

So I have added it to every page and it does not seem to be working mysnapsonline.com
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Menu with vertical scroll/swipe ability

Post 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.
User avatar
dnlyko
 
 
Posts: 134
Joined: Tue Mar 05, 2019 12:55 pm
Location: Toronto - Canada

Re: Menu with vertical scroll/swipe ability

Post by dnlyko »

Thanks so much
User avatar
dnlyko
 
 
Posts: 134
Joined: Tue Mar 05, 2019 12:55 pm
Location: Toronto - Canada

Re: Menu with vertical scroll/swipe ability

Post by dnlyko »

If I delete the menu, will that delete my incorrect html and the correct html?
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Menu with vertical scroll/swipe ability

Post by crispy68 »

Deleting the menu only deletes the menu. The code you add manually is not deleted.
User avatar
dnlyko
 
 
Posts: 134
Joined: Tue Mar 05, 2019 12:55 pm
Location: Toronto - Canada

Re: Menu with vertical scroll/swipe ability

Post by dnlyko »

That makes sense.
Any way to edit or delete code?
or should I just rebuild the pages?
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Menu with vertical scroll/swipe ability

Post 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.
User avatar
dnlyko
 
 
Posts: 134
Joined: Tue Mar 05, 2019 12:55 pm
Location: Toronto - Canada

Re: Menu with vertical scroll/swipe ability

Post by dnlyko »

I tried to edit and or delete but it does not allow me to.
How are you able to delete html?
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Menu with vertical scroll/swipe ability

Post 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?
User avatar
dnlyko
 
 
Posts: 134
Joined: Tue Mar 05, 2019 12:55 pm
Location: Toronto - Canada

Re: Menu with vertical scroll/swipe ability

Post 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
Last edited by dnlyko on Sun Dec 29, 2019 11:43 pm, edited 1 time in total.
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Menu with vertical scroll/swipe ability

Post 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?
User avatar
dnlyko
 
 
Posts: 134
Joined: Tue Mar 05, 2019 12:55 pm
Location: Toronto - Canada

Re: Menu with vertical scroll/swipe ability

Post 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
Post Reply