Hey gang, I've updated this tutorial to make this easier to setup and use! Click here to watch the most recent version: ua-cam.com/video/fFMVZUoDEYs/v-deo.html
Hi all, in an effort to provide quicker responses to your comments, we need to update this channel to a “Brand” account. Unfortunately this means any previous comments left by Will are going to be deleted. If you’re watching this video and it looks like a question or comment has gone unanswered, please ask again and we will respond as soon as we can! We will be updating this account on July 20th, 2022. Thanks for your understanding!
This works but now my navigation header or title in the menubar above the drop down when active wont highlight with underline like other header titles when active
Thank you so much Will! This helps immensely!! I have enrolled in your courses in the past and they are super helpful as well. Quick question- for some reason I am getting a flashing effect on page banner when it loads, almost like it loads double time. Tried re-adding a few times and taking out other possible conflicting code injections but no luck, any suggestions? have you experienced this?
Thank you! I was wondering if theres a code to add a hover state or click state for the folder nav link. My other nav links are underlined when you're on that page. Thanks!
Thank you for this! I am having trouble with this method working when not in the squarespace platform. When the folder is clicked through on a browser an error message appears saying there is no link to any page, but when it is clicked through within squarespace editor it works just fine. Any ideas as to how to fix?
Hi Will -- does this code need any tweaking for a " .com.au " domain? When I add the code to a site I'm currently working on, it sort of adds an extra /.au/ to the folder's URL, if that makes sense.
Hi WIll, this code was so helpful and easy to use! I noticed that the menu link I used this code for loads before the other links when the page is loaded. Do you know how to target this link or the others to all load at the same time? Thanks :)
Thank you Will for this video, it was exactly what I was looking for and really easy to follow! I have a code question. Is it possible to adjust the code so that navigation title is translated by the multi-lingual Weglot translator? At the moment my two clickable folders are the only parts of the website that won't be translated, which must be because of the extra coding. Do you have any ideas? Thanks!
Ah this is great, but I'm struggling using it with the 'Events' feature, it shows 'All Events' as the mobile submenu, rather than Events, I have no idea how to fix this, does anyone have a suggestion? Essentially, the mobile menu has added a secondary option 'All Events'. Linking out doesn't work either, the same 'All Events' appears. It doesn't appear when I don't use the above code.
Thank you so much for this video Will! Your videos are so helpful! Thank you so much for creating and providing us with all the codes! I'm learning web development, and I wonder why do you inject the codes on the footer and not the header?
Really glad you found this useful! Scripts in the footer run once the page has been loaded, so all of the elements etc are ready, if we put it in the header injection it would run before the page has loaded and some of the values or elements we use in the script wouldn't be available.
can someone help me? it works fine on mobile but not on desktop anymore. before there was no problem with desktop but now its not clickable but phone is fine.
Thanks! Works perfect on desktop, however not on mobile. When I tap on the newly created button, it stays inactive. And also it is different text size (smaller) as the rest of the text on dropdown menu. Any ideas how to get that button active and same size letters?
Thank you so much, your tutorials are amazing and have been so helpful! I am wondering if you can help me troubleshoot whats going on with my site. When I add this code it works (sometimes) - the folder links are clickable on desktop but sometimes they glitch out and the pages seems to reload 3-4x before opening. Mobile works perfectly. The site is still being developed so it isn't live, and I am wondering if it is just happening because its also in editor mode, and the url isnt connected yet. Any ideas and advice would be super appreciated! Thanks again, you're codes work every time!
Hey Brittany, we're really glad you've found the tutorials useful! This seems to be a glitch that only affects the editor, it's on our list of fixes but shouldn't be an issue on your live site!
Don't forget the second slash people! :-) I was afraid this code wasn't working for a second folder in my navigation, but I simply forgot the final slash in the URL.
This is excellent code! I too, however am experiencing a "flashing" effect when I installed the code on my site. When you click on the "folder" link, it does take you to the correct page, it's just that the page "refreshes" itself automatically like twice. I think that's what the other commenter below me was also trying to express when she says "it loads double time." Is there any way to straighten that out?
Hey Brittney, I can also recreate this. Unfortunately we don't have a solution right now but we've added it to our list and will take a deeper look into it soon.
@@hk7842 not to my knowledge (I've received no email update yet). The site I was working on was a site for a client I'm no longer working with so I unfortunately don't know if that effect is gone or not, sorry.
Hello Will I am hoping you can help me. I have two folders on my site. One is called Inspiration and the other the folder named "Ispirazione". They are identical however Ispirazione is not displaying the contents when clicked on it on mobile devices, it goes to a black screen. I asked squarespace for help and they told me the problem was resolved by disabling scripts. They sent me to a link to try it myself and I just couldn't find it and can't find anywhere on the internet to show me where this is on my site. Regardless to that, when I took all the items out of the folder they worked fine and I was able to see them on my cell phone...Considering there are no scripts when making a folder I am a bit confused at to why the one folder works and the other does not on the cellphone, they both work on the computer. I have page head code injections because my site is bilingual so when someone is in English they won't see the Italian and visaversa. I have uploaded the drop down menu in English, the italian Ispirazione with an arrow and what happens when you click on it. This is the code I have for the cell phone @media screen and (max-width:1511px){ #header .header-menu-nav-item:nth-child(1){ display:none } #header .header-menu-nav-item:nth-child(2){ display:none } Any help would be appreciated.
Hey gang, I've updated this tutorial to make this easier to setup and use! Click here to watch the most recent version: ua-cam.com/video/fFMVZUoDEYs/v-deo.html
Do you still have the old code format. This new one messes with the colour of the hover state of folder item.
I can’t believe you have to do this for something that should be a basic website function.
Hi all, in an effort to provide quicker responses to your comments, we need to update this channel to a “Brand” account. Unfortunately this means any previous comments left by Will are going to be deleted.
If you’re watching this video and it looks like a question or comment has gone unanswered, please ask again and we will respond as soon as we can!
We will be updating this account on July 20th, 2022. Thanks for your understanding!
That was Quick help, thanks mate
Thank you so much for being a treasured internet Maven!
Outstanding. Very much appreciated. You just gained a new subscriber and customer.
Thank you for this! Squarespace had me frustrated with these folders!
Thank you!!!! works like a charm
Thank you very very much for this video Will! Very grateful for your generosity in sharing your knowledge! Immensely helpful!
Thank you so much for this. Solved a major headache for me today!
Thank you for this, this was such an elegant and easy solution!
Thank you for sharing this!
Hey, not a problem, glad to help!
That worked perfectly right out of the box! Thank you very much!
Awesome - Thank you - Great code 🤘
Glad it was useful!
So good!! Thank you so much, I've been trying to figure this out for ages!!
hey king...u dropped this 👑
thank u!!!!
Thank you so much Will!
Thank you for this!
You are amazing!!! thank you!!
Thanks so much - worked a treat!
This is amazing, thank you so much!!
Hi Will, thank you for your help with Google indexing. It's working now. :)
Thanks Will, such a useful video and piece of code!
Thank you, this help me a lot.
Thank you so much
THIS WAS SO HELPFUL THANK YOU!!!
Thank you -- this was incredibly helpful!
Hey Will, can you do this multiple menu folders? Doesn't seem to be working with 1 of the 2 folders in my menu.
I figured it out. User error! lol
This works but now my navigation header or title in the menubar above the drop down when active wont highlight with underline like other header titles when active
Hey, you may need to adjust the specificity of your Custom CSS, however this isn't something that we can support as part of this free tutorial.
Thank you so much Will! This helps immensely!! I have enrolled in your courses in the past and they are super helpful as well. Quick question- for some reason I am getting a flashing effect on page banner when it loads, almost like it loads double time. Tried re-adding a few times and taking out other possible conflicting code injections but no luck, any suggestions? have you experienced this?
I'm also getting this flashing effect. Were you able to resolve this?
This worked like a charm!! Thanks Will!
thanks a ton!
Not a problem!
Anyone else having the issue where the word "All" is included before your folder title on mobile?
Hey Ryan, this is expected behaviour but is code on the article page (in the description) for how to remove this.
Squarespace strips out the "/" from the end of the folder URL now :-(
Hey Steve, this should still be working, if you could reach out via the Support page on our site we can take a look.
wow been looking for this for days now.. earned urself a like and sub
Hi, is there a way to do this for drop-downs instead of folders? What would I need to change in your code provided?
Hey Lewis, the HTML for dropdowns hasn't changed, so the code should continue to work.
Works perfectly. Thank you so much.
Its telling me there is a syntax error on the first line when i implement it? So it isnt working, any ideas? thank you
Hey Joey, we'd need to take a look in order to troubleshoot, could you send over a link to the site please?
Thank you! I was wondering if theres a code to add a hover state or click state for the folder nav link. My other nav links are underlined when you're on that page. Thanks!
Hey Taylor, submit a ticket here and we can take a look - www.will-myers.com/ask-a-question
@@abi-at-WillMyersSupport @TaylorMolinari I have a similar issue did you manage to get the code for underline when active?
wonderful! thank you so much!
Hi Will, this code works fine on mobile, but when I click on the folder on a desktop, a 404 not found page pops up, how do I fix this? Thank you!
Hey, if you could reach out via our Support page on our website we can take a closer look for you!
Thank you for this! I am having trouble with this method working when not in the squarespace platform. When the folder is clicked through on a browser an error message appears saying there is no link to any page, but when it is clicked through within squarespace editor it works just fine. Any ideas as to how to fix?
Thank you this is great, and I know nothing about code
This is great. Is there any way to hide the newly formed menu item on mobile? Thank you!
Hi Will -- does this code need any tweaking for a " .com.au " domain? When I add the code to a site I'm currently working on, it sort of adds an extra /.au/ to the folder's URL, if that makes sense.
Hey Teri, we'd need to see a live link to take a look at this, could you send one over please?
Thank you so much, brilliant video and great solution :)
Hello, I've double checked that I've done everything correct but this code isn't working on my site. Does it only work on certain templates?
Hey, we're unable to troubleshoot without seeing the site. Please reach our via the Support page on our website.
Hi WIll, this code was so helpful and easy to use! I noticed that the menu link I used this code for loads before the other links when the page is loaded. Do you know how to target this link or the others to all load at the same time? Thanks :)
Hey, are you able to share a link so we can take a look at this?
Thank you Will for this video, it was exactly what I was looking for and really easy to follow! I have a code question. Is it possible to adjust the code so that navigation title is translated by the multi-lingual Weglot translator? At the moment my two clickable folders are the only parts of the website that won't be translated, which must be because of the extra coding. Do you have any ideas? Thanks!
Hey Charlotte, glad you liked the tutorial! This tutorial wasn't built with Weglot in mind so this won't be possible unfortunately.
@WillMyers any chance this works for 7.0?
Ah this is great, but I'm struggling using it with the 'Events' feature, it shows 'All Events' as the mobile submenu, rather than Events, I have no idea how to fix this, does anyone have a suggestion? Essentially, the mobile menu has added a secondary option 'All Events'. Linking out doesn't work either, the same 'All Events' appears. It doesn't appear when I don't use the above code.
Hey, if you click through to the article on our website (linked in description) we mention how to remove this link.
Thank you so much for this video Will! Your videos are so helpful! Thank you so much for creating and providing us with all the codes!
I'm learning web development, and I wonder why do you inject the codes on the footer and not the header?
Really glad you found this useful! Scripts in the footer run once the page has been loaded, so all of the elements etc are ready, if we put it in the header injection it would run before the page has loaded and some of the values or elements we use in the script wouldn't be available.
can someone help me? it works fine on mobile but not on desktop anymore. before there was no problem with desktop but now its not clickable but phone is fine.
Hey Hannan, can you send over a link to your site please so we can troubleshoot?
Thanks! Works perfect on desktop, however not on mobile. When I tap on the newly created button, it stays inactive. And also it is different text size (smaller) as the rest of the text on dropdown menu. Any ideas how to get that button active and same size letters?
Hey Alvis, Will was updating the code last week and it looks like you may have tried using it during this time, all should be sorted now.
Thank you awesome!
Thank you so much, your tutorials are amazing and have been so helpful! I am wondering if you can help me troubleshoot whats going on with my site. When I add this code it works (sometimes) - the folder links are clickable on desktop but sometimes they glitch out and the pages seems to reload 3-4x before opening. Mobile works perfectly. The site is still being developed so it isn't live, and I am wondering if it is just happening because its also in editor mode, and the url isnt connected yet. Any ideas and advice would be super appreciated! Thanks again, you're codes work every time!
Hey Brittany, we're really glad you've found the tutorials useful! This seems to be a glitch that only affects the editor, it's on our list of fixes but shouldn't be an issue on your live site!
Don't forget the second slash people! :-) I was afraid this code wasn't working for a second folder in my navigation, but I simply forgot the final slash in the URL.
Amazing! Thank you!!!!
The link to the code doesn't work, please help.
@@will-myers Thank you! I found your articles link online, code worked. Thank you so much!
This is excellent code! I too, however am experiencing a "flashing" effect when I installed the code on my site. When you click on the "folder" link, it does take you to the correct page, it's just that the page "refreshes" itself automatically like twice. I think that's what the other commenter below me was also trying to express when she says "it loads double time." Is there any way to straighten that out?
Hey Brittney, I can also recreate this. Unfortunately we don't have a solution right now but we've added it to our list and will take a deeper look into it soon.
@@abi-at-WillMyersSupport thanks so much! Please notify us via email. I'm subscribed to Will Myers through his website 😊
@@brittneylphillips did they fix this ?
@@hk7842 not to my knowledge (I've received no email update yet). The site I was working on was a site for a client I'm no longer working with so I unfortunately don't know if that effect is gone or not, sorry.
Thank you so much!
just realized you need at least a business subscription to inject code :(
I think you're genuinely confused about what a Back Slash is ( \ )
Ha yeah 😅, I say back slash when meaning forward slash way more than I care to admit.
Hello Will I am hoping you can help me. I have two folders on my site. One is called Inspiration and the other the folder named "Ispirazione". They are identical however Ispirazione is not displaying the contents when clicked on it on mobile devices, it goes to a black screen. I asked squarespace for help and they told me the problem was resolved by disabling scripts. They sent me to a link to try it myself and I just couldn't find it and can't find anywhere on the internet to show me where this is on my site. Regardless to that, when I took all the items out of the folder they worked fine and I was able to see them on my cell phone...Considering there are no scripts when making a folder I am a bit confused at to why the one folder works and the other does not on the cellphone, they both work on the computer. I have page head code injections because my site is bilingual so when someone is in English they won't see the Italian and visaversa.
I have uploaded the drop down menu in English, the italian Ispirazione with an arrow and what happens when you click on it.
This is the code I have for the cell phone
@media screen and (max-width:1511px){
#header .header-menu-nav-item:nth-child(1){
display:none
}
#header .header-menu-nav-item:nth-child(2){
display:none
}
Any help would be appreciated.
Hey Lisa, send us a link over at www.will-myers.com/ask-a-question and we can take a look
Thank you so much!
Thank you so much