Page Menu (submenu) "close on click"

hello semicolon

I do have another question on my current project.

On bigger screens I use a headline and buttons to scroll to page sections.
On smaller screens I want to substitute the whole section with the page-nav/submenu feature.

I have set all css and < 768px the page-nav only is shown, >768 the section with headline an buttons is shown.
so far so good ... ver nice feature by the way!

My question is, how to make the page-nav automatically close on clicking a menu item.
The list elements are all scrollto anchors on the same page.
I would be great if you could help me out with this.

Click on menu item -> scrollto anchor | works propperly
But when scrolling back up on mobiles the pagen-av is still open.
Love to have it close automatically when item is clicked.

thx and rgds
GUIDO

og ... forgot, still

http://ek.web.my1.cc/anwendungen.html
user semicolon
pwd ektypo3_2020

another issue with this page-menu please

as I see the on http://themes.semicolonweb.com/html/canvas/index-onepage-2.html
the page menu is sticky on small devices

I tried in body .sticky-responsive-pagemenu and in page menu .sticky-page-menu
but it does not stay sticky at all :-(

rgds,
guido

hiho

stickyness works, my fault, I had not recognized that there was an artefakt in the id.

but auto close does not work unfortunately :-(
I tried to play around with your code but did not suceed.

it is this part of the code I would like to auto close:

		
			
				
					Übersicht und Preise
					
						
							
- [Basic Facials](#) 
							
- [AntiAge/Lifting](#)  
							
- [Special Treatments](#)  
							
- [Microdermabrasion](#)  
							
- [Mani-/Pediküre](#)  
							
- [Massage](#)  
							
- [Permanent MakeUp](#)   
							
- [Waxing](#)    
							
- [Men Only](#)     
							
- [Kuren](#)  
						
					
					
				
			
		

sorry only to be ssen on this page:

http://ek.web.my1.cc/anwendungen.html
user semicolon
pwd ektypo3_2020

suped duper, workz exactly as aspected.

thx a lot,
guido

hmhhh ... funny enough on ipads in portrait mode the submenu does NOT close automatically :-(
on other sizes/devices it works.

am I missing sth or doing wrong?

sorry to be a pest, but could you give it another eyes on ipads in protrait format
this page

http://ek.web.my1.cc/anwendungen.html
user semicolon
pwd ektypo3_2020

the submenu nav does still not close automatically when a menu item is clicked.
on the attached screenshot I use safari responsive simulator
opened the nav - clicked on massage - the page scrolls to correct section
but does not close auto.

sorry once, again thx a bunch for your support and rgds
guido

it maybe useful for canvas-users how find this thread

if on devices with exactly 768px screenwidth and the submenu dropdown nav does not close on click ... find in functions.js

onePageScroll: function(){
          ...
          .
          .
          if( windowWidth < 768 || $body.hasClass('overlay-menu') ) {

and replace the
< 768
with
<= 768
that way even on e.g. iPadMini or iPad who have exactly 768px in portrait mode the dropdown as seen in the screenshot will close on click

nvm ... this is herewith fixed IMHO

@semicolon:
might be worth integrating that in next release?!

rgds,
guido