Linking Folder in MOBILE Navigation Title To a Specific Page

Site URL: https://hypersphere-parsnip-zhhw.squarespace.com/vision

Hi 

I use the technique below to to link a Folder Navigation Title To a Specific Page. This works perfectly on desktop and tablet, but does not work on mobile. Any tips on getting it to work in the Mobile navigation?

https://squarecamp.com/custom-code-tips/how-to-link-folder-navigation-title-to-a-specific-page-on-squarespace-71

It's on the OUR WORK section.

https://hypersphere-parsnip-zhhw.squarespace.com/vision

pw: peekaboo

Thank you!

11 hours ago, LV-OZ said:

Site URL: https://hypersphere-parsnip-zhhw.squarespace.com/vision

Hi 

I use the technique below to to link a Folder Navigation Title To a Specific Page. This works perfectly on desktop and tablet, but does not work on mobile. Any tips on getting it to work in the Mobile navigation?

https://squarecamp.com/custom-code-tips/how-to-link-folder-navigation-title-to-a-specific-page-on-squarespace-71

 

It's on the OUR WORK section.

https://hypersphere-parsnip-zhhw.squarespace.com/vision

pw: peekaboo

Thank you!

 

Or perhaps there is a different code all together that will work for Mobile navigation?

On 9/12/2022 at 8:48 PM, LV-OZ said:

Site URL: https://hypersphere-parsnip-zhhw.squarespace.com/vision

Hi 

I use the technique below to to link a Folder Navigation Title To a Specific Page. This works perfectly on desktop and tablet, but does not work on mobile. Any tips on getting it to work in the Mobile navigation?

https://squarecamp.com/custom-code-tips/how-to-link-folder-navigation-title-to-a-specific-page-on-squarespace-71

 

It's on the OUR WORK section.

https://hypersphere-parsnip-zhhw.squarespace.com/vision

pw: peekaboo

Thank you!

 

The page doesn't work now. Can you check it again?

Thank you I solved this problem by adding a link as a first item to the folder in the navigation, and then hiding it on desktop only, using this code:

// DESKTOP - Navigation - remove first nav link in folder on desktop//
.header-nav-folder-item.header-nav-folder-item--external {
  display: none;
}
.site-wrapper .header-menu .header-menu-nav a:not(.btn) {
  color: #fff !important;
}

On 9/15/2022 at 11:10 PM, LV-OZ said:

Thank you I solved this problem by adding a link as a first item to the folder in the navigation, and then hiding it on desktop only, using this code:

// DESKTOP - Navigation - remove first nav link in folder on desktop//
.header-nav-folder-item.header-nav-folder-item--external {
  display: none;
}
.site-wrapper .header-menu .header-menu-nav a:not(.btn) {
  color: #fff !important;
}

 

Did you put this under CSS?

Nevermind 🙂 I figured it out.