Thanks for the link resources. I’m so used to Webflow by setting the ID of page section and configure the link to link to that particular page section with the id I have set
You have another way to do that.
You choose the page and the section you need to anchor. BUT, you don't have to forget to setup the div section to the tag section!
Trying that out right now
I have set desired section tag to ‘section’ but when I navigate to nav link and to settings to try to set that I couldn’t find the section I named
All your sections have the tag "section"?
Here is one of my sections
@Milan Boisgard | Uncode School doesn’t work at all 🙂
@John Siciliano please help 🙂
this screenshot shows you have selected a page yet. first select the page, then second dropdown will show sections you can link to on that page
Okay will do that right now
Fixed it thanks @John Siciliano and @Milan Boisgard | Uncode School
I have the same problem, it doesn't show me the sections when I select the page, it only shows me the email field.
But in my case, I only have one page, I have tried my old way of using the #section_name but it doesn't work or I'm using the wrong way.
Please share a link if you need some help!
Don't forget to add the tag <section> to the div!
Thank you for the reply,
https://produtosdigitais-0iprf.wstd.io/The section is identified as a section as you mentioned. I have tried to add it in class and in the ID, but doesn't work, at the moment I only have identity in the link.
All right! I gonna check. Could you share a link with the builder please? (View only will be fine)
Hi, just adding a query here related to the menu. Adding the section tag and linking the menu works perfectly in desktop version. However, when the sheet component (hamburger menu) is added, the menu doesn't close - for sections in the same page (ideally it should close and then move to the section in the same page). Is there a way we can achieve this?
we need a temp workaround for sure
found the problem, one little extra word on the ID 😦
Thank you so much
But there is another thing related to this: how can I give the feeling of scrolling Down or Up instead of showing strait way?
add "scroll-behavior: smooth" to the body element
I just tested it. You'll need to add custom code to get this on the HTML element as well.
<style> html, body { scroll-behavior: smooth; }</style>
isn't scroll-behavior: smooth; in advanced panel already enough?
ahh you prob need it on html, not on body
yes, but still requires html embed, same as html tag selector
I mean we gonna add it for css variables
right now the thread is more about how to do it now, but yes we need to make it possible without html embed
As a temporary workaround, for the hamburger menu not closing and going to the section in the same page, this JS will help. 🙂
<script>
document.addEventListener('click', function(event) {
var link = event.target.closest('.w-dialog-content .w-link');
if (link) {
// Allow the default action to proceed
// Close the menu after a short delay
setTimeout(function() {
var dialogContent = link.closest('.w-dialog-content');
var closeButton = dialogContent.querySelector('.w-close-button');
if (closeButton) {
closeButton.click();
}
}, 10); // Adjust the delay if necessary
}
});
</script>
