Browser: Chrome 110 OS: macOS / Windows / Linux / etc. URL: Link to a page that illustrates this issue Video: Short screen recording that illustrates this issue (free tool: jam.dev)
[Please describe this bug in as much detail as possible so we can replicate & debug this bug]
Ive made an Mobile Menu using the Off-Canvas Element. Since i use CSS anchors for my onepager navigation, i have the issue, that it seems like the off-canvas doesnt close after scrolling down to my last section. funny enough it works on all other sections and anchor links.
On the last link (contact section) its scrolls down as expected, but then its not possible to scroll.
If i activate body scroll in the off-canvas, i can scroll, but the menu is there and needs to be closed every time. How can i get rid of this problem? Would be nice to have help with this.
Browser: Chrome 117 + Safari 16.6
OS: macOS Ventura
URL: LINK
Video: LINK
Bricks: 1.9.1
Single page site, with internal anchor #links in menu.
On mobile responsive widths, I am toggling an off-canvas menu.
When you click on a menu link, the page scrolls into position (I use a semi-transparent background color just to see), but the off-canvas menu does not toggle off.
I’ve tried deleting and re-adding the text-links.
ALSO NOTE in the video, that when I manually close the off-canvas menu, the page scrolls back to the top (which defeats the purpose of scrolling to an anchor)
I am now using the Nav (nestable) element inside the offcanvas element.
I’ve added my nav links.
For the Mobile menu, I’ve set it to “Show at breakpoint = never”.
I am still having the same problem – clicking on a nav link in off-canvas view scrolls the page, but does not hide the offcanvas element. Clicking close (or pressing ESC) scrolls the page back to the top.
I’ve even swapped the nestable with the regular menu.
Same result.
Hi Yalcin,
we won’t get anywhere like this, especially if you regularly change the elements or websites (the link you gave eight days ago is an entirely different website than the one in your last screenshot), making it pretty hard to follow.
Would you be so kind as to send temporary login credentials, a link to this thread, and short information on what you want to achieve to help@bricksbuilder.io using the email address you used during the purchase?
In my recent screenshot I was only trying to show you an example of split nav I was trying to set up: Two separate nav elements, with the logo in the middle.
It seems the only way to build this, is with an off canvas element, so that I can offer a merged menu in the mobile nav view.
This method works fine for usual links, but has issues closing the offcanvas when #anchor links are used. I have tested both nav menu and nav nested elements inside the offcanvas element. Neither have worked.