Clickable Dropdown Title Burger Menu

_yohandeschamps_ · July 20

Hello.

I realized that I was unable to make the Dropdown Title clickable when I was using Burger Nav on the Desktop.

I understand the reason why, as it works like on mobile, but I was wondering if it will be possible to do it.

My website is https://www.yodeschamps.com/.

Thank you

HoaLT · July 20

4 hours ago, _yohandeschamps_ said:

Hello.

I realized that I was unable to make the Dropdown Title clickable when I was using Burger Nav on the Desktop.

I understand the reason why, as it works like on mobile, but I was wondering if it will be possible to do it.

My website is https://www.yodeschamps.com/.

Thank you

Clicking on it will show the subnav

I check it works properly now. Or you want to have any other feature here?

_yohandeschamps_ · July 20

@HoaLT. It always worked properly. No issue with the Sub Nav.

I want the Titles to be linked as well to a page.

HoaLT · July 21

It is possible to implement js code. You can try adding the following code on the footer injection

<script>
  document.addEventListener("DOMContentLoaded", (event) => {
    const dropdownLinks = document.querySelectorAll('.header-menu-nav-item > a[data-folder-id]');
    if (dropdownLinks.length) {
      dropdownLinks.forEach((link) => {
        link.addEventListener('click', function(event) {
          event.preventDefault();
          const hrefTo = event.target.getAttribute('href');
          window.location.href = hrefTo;
        });
      })
    }
  });
</script>

However, if we implement redirection to another page when clicking on the dropdown, it will prevent client users from opening the dropdown to access sub nav

Edited July 21 by HoaLT

_yohandeschamps_ · July 21

Thanks for your help. Yes, I will have to pass on this idea of a clickable Title in the Burger nav. as I cannot access the sub-nav anymore, but it was good learning.

Thank you @HoaLT

Estherjoy · July 24

Hi
Goodday please I need similar help with a website i am working on
https://africa-thryves.squarespace.com/

Password ; Africa thryves
I want the dropdown shop to be linked to that shop page that's currently there
And have the rest as a normal dropdown under it that way i don't have two shop

Edited July 24 by Estherjoy

tuanphan · July 26

On 7/24/2024 at 9:54 PM, Estherjoy said:

Hi
Goodday please I need similar help with a website i am working on
https://africa-thryves.squarespace.com/

Password ; Africa thryves
I want the dropdown shop to be linked to that shop page that's currently there
And have the rest as a normal dropdown under it that way i don't have two shop

You can follow this code

https://forum.squarespace.com/topic/298872-can-i-add-a-dropdown-menu-to-an-existing-navigation-page/?do=findComment&comment=755888

Estherjoy · July 29

Hello Thanks for your previous help but can you look into this reference site
I like how the dropdown and header is with backgrounds and how the dropdown and i am looking to achieve that with css on my website can you help me please
https://villageenterprise.org/about-us/ This is the website

Estherjoy · July 29

okay i need further assistance

Clickable Dropdown Title Burger Menu

Recommended Posts

_yohandeschamps_

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

HoaLT

Link to comment

_yohandeschamps_

Link to comment

HoaLT

Link to comment

_yohandeschamps_

Link to comment

Estherjoy

Link to comment

tuanphan

Link to comment

Estherjoy

Link to comment

Estherjoy

Link to comment

Create an account or sign in to comment

News

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources