I added 2 links in menu which are ment to scroll you to a specific section of the home page. That is fine if I use inpage link and everything is fine, BUT, when I m on other pages of the website, those inpage links do not work.
it works fine on desktop, but on mobile i get following problem: MOBILE MENU DON’T CLOSE AFTER YOU CLICK THE LINK WITH # IN YOU ARE ON THE HOME PAGE … it scrolls the page in the background, but it do not close itself.
I noticed that when on homepage http://agencijaepic.si I click on the btn “EKIPA” in the menu the page will take me to the right section but the menu wont close.
thank you for your help. But unfortunatley, it does not help. I tryed. besides I need the fixed position in order to my navbar stays fullscreen wide on tablet.
any other sugestions? Is this this posibile to achieve with webflow?
Ok, could you try to change link address from http://agencijaepic.si/#ekipa to /#ekipa and publish the site.
In the preview mode this link will not work, but it should work on published site.
I removed “EKIPA” link on the published site for now because of this bug we have. I created new preview link for you with “EKIPA” link, if you still want to help me find the solution.
I went back to one of my works, where I had this type of menu structure and found out that I didn’t use menu (navigation) as Symbol on the home page. I just changed links address to default styles of in-page navigation.
My guess it may be related to the fact of using Symbols.
I have a similar situation where we are trying to integrate a mobile Webflow nav menu into a single-page app. So the menu and footer remain and just the middle content will refresh. However the mobile menu won’t close after an item is clicked.
This code was moved outside of the webflow dev environment as it’s being integrated into our own code, otherwise I’d share a link to the designer.
Hi @JFly, I was looking at the site earlier reported by @zigakolar, and I cannot see the issue still. Could you PM me the link to the published site, I can check if there are any obvious errors on the exported, published site.
You couldn’t see the issue @zigakolar described on http://b12-starter-ziga-kolar.webflow.io3 ? It’s happening on both desktop and mobile. If you open the mobile menu and click on “Our Companies”, the page scrolls down to that section but the menu won’t collapse. Clicking on the other menu items on his site collapses the menu, but the apparently aren’t linked to anything on the page.
Otherwise, I might be able to get you a link to the site on one of our production servers via PM shortly.
Hi @JFly, the issue is that the drop down will only close if the Section link type in link settings is used. In the case of the site for http://b12-starter-ziga-kolar.webflow.io, the Companies link is using the external url field.
Instead of:
It should be:
The Section link in Webflow has special meaning with script behind it, and will automatically close the menu, while linking to a section using the external url link type will not.
Hopefully that clarifies it.
Probably this could be updated to close that on external link type. The difference is that the external url was designed to use with urls off page and the menu close action is not triggered.
The section link on the other hand, is on the same page, so the menu knows to close when the section scrolling starts.
My guess is the external url field was used so the same nav link could be used on all pages, but in this case I would create one version of menu using Section links for home page, and use the external url field type in a duplicate of the menu on other pages.
