RaviB Posted October 28, 2019 Share Posted October 28, 2019 I'm on 7.1 and I have a CTA nav link that takes you to a location on the page via id. If the CTA link is clicked in the hamburger menu it scrolls down to the id but doesn't close the menu. Not only is the menu overlapping the page, it also hides the close button for the menu. Anyone have suggestions on closing the hamburger menu after clicking the id link? I can't seem to use javascript in the link, otherwise I could even just reload the page with the correct id attached. Link to comment
colin.irwin Posted October 29, 2019 Share Posted October 29, 2019 Can you post a link to your site? I'm Colin Irwin aka silvabokis. I've been a Squarespace designer & developer since 2013. I remember when it was all wild prairies round these here parts. 🐃🤠 Advice I give on here is free, though I may sometimes post an affiliate link or promote something I've written. That reminds me.. ..you might want to check out my Squarespace template finder or have a look at my other Squarespace tips Speaking of tips, 💲I've got a tip jar that you're welcome to throw a few quid into if you think I've helped you. If you're looking for a Squarespace developer Book a chat or Drop me a line - first meeting is always free Link to comment
RaviB Posted October 29, 2019 Author Share Posted October 29, 2019 https://nextgenpurusha.org/ I've set the CTA button to go to #block-afa41ab335b06be2d2ae so it hits the page right, and this is fine on larger screens that don't use the hamburger menu. Link to comment
RaviB Posted November 2, 2019 Author Share Posted November 2, 2019 alternately, can i disable the mobile menu? Link to comment
tuanphan Posted November 2, 2019 Share Posted November 2, 2019 3 hours ago, RaviB said: alternately, can i disable the mobile menu? Did you solve? If nav has only 2 items, you can disable mobile menu, replace with desktop menu Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
RaviB Posted November 2, 2019 Author Share Posted November 2, 2019 3 minutes ago, tuanphan said: Did you solve? No luck, I used CSS to disable the hamburger menu since I only have 2 items in it. One is a link away from squarespace and the other is the CTA which should take you down the page and is the cause of the problem. We're better off not getting people stuck on the site so I opted to remove it manually. 4 minutes ago, tuanphan said: If nav has only 2 items, you can disable mobile menu, replace with desktop menu Do you know if there's a clean way to disable the mobile menu through the settings? Link to comment
theorygraphics Posted February 27, 2020 Share Posted February 27, 2020 I'm having the same issue on a site i'm building. I have links in my primary nav to anchor tags of each block section and when I click them in the mobile nav the nav stays on the screen and the X scrolls with the page so there is not a way to close the menu. Link to comment
tuanphan Posted February 28, 2020 Share Posted February 28, 2020 17 hours ago, theorygraphics said: I'm having the same issue on a site i'm building. I have links in my primary nav to anchor tags of each block section and when I click them in the mobile nav the nav stays on the screen and the X scrolls with the page so there is not a way to close the menu. I solved this for a client yesterday 😂 It needs custom code (JavaScript) I will post the solution on forum soon Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
misterdega Posted December 4, 2020 Share Posted December 4, 2020 Hi, what was the solve for this? Thanks! Link to comment
jy15 Posted February 18, 2022 Share Posted February 18, 2022 On 2/28/2020 at 7:40 AM, tuanphan said: I solved this for a client yesterday 😂 It needs custom code (JavaScript) I will post the solution on forum soon Hello, I wanted to see if this solution was posted somewhere as I am running into the same issue. Thanks! Link to comment
Bruh Posted February 20, 2022 Share Posted February 20, 2022 On 2/28/2020 at 9:40 AM, tuanphan said: I solved this for a client yesterday 😂 It needs custom code (JavaScript) I will post the solution on forum soon ayo its been 2 years where da solution @? Link to comment
tuanphan Posted February 23, 2022 Share Posted February 23, 2022 Try adding to Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> jQuery(document).ready(function($){ $('.header-menu-nav-item a').click(function(){ $('body').removeClass('header--menu-open'); $('button.header-burger-btn.burger').click(); }); }) </script> Laxxen 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Laxxen Posted March 1, 2022 Share Posted March 1, 2022 On 2/23/2022 at 8:49 AM, tuanphan said: Try adding to Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> jQuery(document).ready(function($){ $('.header-menu-nav-item a').click(function(){ $('body').removeClass('header--menu-open'); $('button.header-burger-btn.burger').click(); }); }) </script> Is this for Squarespace 7.0? Can't get this to work on the 7.1 version. Link to comment
tuanphan Posted March 2, 2022 Share Posted March 2, 2022 On 3/1/2022 at 2:36 PM, Laxxen said: Is this for Squarespace 7.0? Can't get this to work on the 7.1 version. 7.1 version. What is your site url? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
hello_studiofrey Posted February 2 Share Posted February 2 Hi, I am having the same problem when switching languages on mobile. Here is the link to my website: http://www.nsagarantie.com/ Please help 🙂 Thanks Sibylle Link to comment
colin.irwin Posted February 2 Share Posted February 2 1 hour ago, hello_studiofrey said: I am having the same problem when switching languages on mobile. The links to the other language pages don't go anywhere. Shouldn't they go to different pages? If so, adding the correct page links will solve your problem. I'm Colin Irwin aka silvabokis. I've been a Squarespace designer & developer since 2013. I remember when it was all wild prairies round these here parts. 🐃🤠 Advice I give on here is free, though I may sometimes post an affiliate link or promote something I've written. That reminds me.. ..you might want to check out my Squarespace template finder or have a look at my other Squarespace tips Speaking of tips, 💲I've got a tip jar that you're welcome to throw a few quid into if you think I've helped you. If you're looking for a Squarespace developer Book a chat or Drop me a line - first meeting is always free Link to comment
hello_studiofrey Posted February 4 Share Posted February 4 On 2/2/2024 at 11:38 AM, colin.irwin said: The links to the other language pages don't go anywhere. Shouldn't they go to different pages? If so, adding the correct page links will solve your problem. Hi @colin.irwin. Thanks for your help. Where do I find and adjust these links? Thank you and best regards Sibylle Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment