CSS Menu Jumping to top of page

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
darkoracle
 
 
Posts: 21
Joined: Mon Apr 20, 2020 3:54 pm

CSS Menu Jumping to top of page

Post by darkoracle »

Hi

Whenever I create a CSS Menu it works perfectly fine on desktop but on any touch device clicking on a submenu does not just open the menu it also rockets you to the top of the page. The only sort of workaround I have found is to have it link to an anchor next to the menu but it's still not ideal.

Please help.
User avatar
Pablo
 
Posts: 23450
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: CSS Menu Jumping to top of page

Post by Pablo »

Maybe there is a conflict with other scripts on the page?
What is the URL?
darkoracle
 
 
Posts: 21
Joined: Mon Apr 20, 2020 3:54 pm

Re: CSS Menu Jumping to top of page

Post by darkoracle »

Pablo wrote: Mon Apr 20, 2020 5:00 pm Maybe there is a conflict with other scripts on the page?
What is the URL?
http://www.jongspan.online/

Scroll to the bottom of the page and click on the top link, you will jump to the top of the page, hovering works a-ok but on touch devices, people obviously need to press on the link.

Thank you for looking into it.
User avatar
Pablo
 
Posts: 23450
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: CSS Menu Jumping to top of page

Post by Pablo »

A menu item with sub items should not have a link, because on mobile devices there is no 'hover' functionality.
So, the URL of the main item be empty.
darkoracle
 
 
Posts: 21
Joined: Mon Apr 20, 2020 3:54 pm

Re: CSS Menu Jumping to top of page

Post by darkoracle »

How do I that, have tried just leaving the link blank and the result is what you saw.
User avatar
BaconFries
 
 
Posts: 5940
Joined: Thu Aug 16, 2007 7:32 pm

Re: CSS Menu Jumping to top of page

Post by BaconFries »

You can simply use the following # were you would insert the url
darkoracle
 
 
Posts: 21
Joined: Mon Apr 20, 2020 3:54 pm

Re: CSS Menu Jumping to top of page

Post by darkoracle »

BaconFries wrote: Mon Apr 20, 2020 5:31 pm You can simply use the following # were you would insert the url
Well the way I am doing it is not working, here is a screenshot what am I doing wrong:

Image
User avatar
Pablo
 
Posts: 23450
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: CSS Menu Jumping to top of page

Post by Pablo »

If you use "#' then this will tell the browser to jump to top of the page.
darkoracle
 
 
Posts: 21
Joined: Mon Apr 20, 2020 3:54 pm

Re: CSS Menu Jumping to top of page

Post by darkoracle »

Pablo wrote: Mon Apr 20, 2020 6:09 pm If you use "#' then this will tell the browser to jump to top of the page.
Neither option works:

https://youtu.be/o5CRu74bROg
User avatar
crispy68
 
 
Posts: 3056
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: CSS Menu Jumping to top of page

Post by crispy68 »

Set as follows:

Link to: External Web Address
URl: javascript:void(0)
darkoracle
 
 
Posts: 21
Joined: Mon Apr 20, 2020 3:54 pm

Re: CSS Menu Jumping to top of page

Post by darkoracle »

crispy68 wrote: Mon Apr 20, 2020 6:39 pm Set as follows:

Link to: External Web Address
URl: javascript:void(0)

You, sir, are a certified badass :D - Works

Pablo I think this should go in a fault report then, following the help file in the program only leads to frustration :P
Post Reply