Menu with vertical scroll/swipe ability
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/links.html
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/links.html
Menu with vertical scroll/swipe ability
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.
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
Which menu are you using?
And what is the URL of the page so I can see the 'problem'?
And what is the URL of the page so I can see the 'problem'?
Re: Menu with vertical scroll/swipe ability
rockngroove.ca
specifically the 'snaps' menu
indexOverly
specifically the 'snaps' menu
indexOverly
Re: Menu with vertical scroll/swipe ability
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
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
Is there any menu that has this swiping/scrolling ability already built into it for mobile devices
Re: Menu with vertical scroll/swipe ability
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.
But you can usually add it yourselfl with just a few lines of code.
Re: Menu with vertical scroll/swipe ability
Do I add this to every single page?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>
Re: Menu with vertical scroll/swipe ability
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
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
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:
If you change the ID of the menu then you will need to change it in the code above.
So the code should be:
Code: Select all
<style>
.OverlayMenu1{overflow-y:auto;}
</style>
Re: Menu with vertical scroll/swipe ability
Thanks so much
Re: Menu with vertical scroll/swipe ability
If I delete the menu, will that delete my incorrect html and the correct html?
Re: Menu with vertical scroll/swipe ability
Deleting the menu only deletes the menu. The code you add manually is not deleted.
Re: Menu with vertical scroll/swipe ability
That makes sense.
Any way to edit or delete code?
or should I just rebuild the pages?
Any way to edit or delete code?
or should I just rebuild the pages?
Re: Menu with vertical scroll/swipe ability
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.
Any code you manually add can be edited or deleted the same way you added it.
Re: Menu with vertical scroll/swipe ability
I tried to edit and or delete but it does not allow me to.
How are you able to delete html?
How are you able to delete html?
Re: Menu with vertical scroll/swipe ability
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?
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
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.
Re: Menu with vertical scroll/swipe ability
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
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