Redirecting navigation menu on Mobile

Site URL: https://www.sabustudio.com

Hi,

I have set up my navigation for desktop, it is all working as I want on desktop, although I am having issues with it on mobile device.

On desktop I have integrate this code so the folders redirect to specific pages:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
  $('.header-nav-folder-title[href="/furniture-folder"]').click(function() {
    window.location = "https://sabustudio.com/furniture";
});

 $('.header-nav-folder-title[href="/object-folder"]').click(function() {
    window.location = "https://sabustudio.com/object";
});

  $('.header-nav-folder-title[href="/lighting-folder"]').click(function() {
    window.location = "https://sabustudio.com/lighting";
});

Although, on mobile the folder navigation does not utilise the redirect link as it does on desktop, it just links to the folder contents.

It currently goes as follows:

I would like it to go:

I am trying to remove/bypass the second hamburger menu page and instead wanting to use the redirect link. This enables better user experience for my product. 

I'm not sure if its possible to do this, but I imagine there would be a way to do this.

Any help would be much appreciated!

Thanks

Hi. Use new code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
   $('.header-nav-folder-title[href="/furniture-folder"], [data-folder-id="/furniture-folder"]').click(function() {
    window.location = "https://sabustudio.com/furniture";
});

 $('.header-nav-folder-title[href="/object-folder"], [data-folder-id="/object-folder"]').click(function() {
    window.location = "https://sabustudio.com/object";
});

  $('.header-nav-folder-title[href="/lighting-folder"], [data-folder-id="/lighting-folder"]').click(function() {
    window.location = "https://sabustudio.com/lighting";
});
</script>

Thanks very much Tuan!

URL:

rthglmr.sqaurespace.com

HI! I have the same issue and I can't get this code to work. I'd be so grateful for any ideas!

On 5/18/2022 at 3:41 PM, rrrrrrrrr said:

URL:

 

rthglmr.sqaurespace.com

 

HI! I have the same issue and I can't get this code to work. I'd be so grateful for any ideas!

Can you check site url again?

Hi again,

I have updated my website, I am now having issues with this code below, it works great for desktop, but it isn't functioning on mobile device. 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>

   $('.header-nav-folder-title[href="/furniture_folder"], [data-folder-id="/furniture-folder"]').click(function() {
    window.location = "https://sabustudio.com/furniture";
});

  $('.header-nav-folder-title[href="/lighting_folder"], [data-folder-id="/lighting-folder"]').click(function() {
    window.location = "https://sabustudio.com/lighting";
});
</script>

Site URL: https://www.sabustudio.com

Any help would be greatly appreciated.

Regards,

Sam

On 11/10/2022 at 6:37 AM, Sabu said:

Hi again,

I have updated my website, I am now having issues with this code below, it works great for desktop, but it isn't functioning on mobile device. 

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>

   $('.header-nav-folder-title[href="/furniture_folder"], [data-folder-id="/furniture-folder"]').click(function() {
    window.location = "https://sabustudio.com/furniture";
});

  $('.header-nav-folder-title[href="/lighting_folder"], [data-folder-id="/lighting-folder"]').click(function() {
    window.location = "https://sabustudio.com/lighting";
});
</script>

 

 

Site URL: https://www.sabustudio.com

 

Any help would be greatly appreciated.

 

Regards,

Sam

 

Try this new code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
   $('.header-nav-folder-title[href="/furniture_folder"], [data-folder-id="/furniture_folder"]').click(function() {
    window.location = "https://sabustudio.com/furniture";
});

  $('.header-nav-folder-title[href="/lighting_folder"], [data-folder-id="/lighting_folder"]').click(function() {
    window.location = "https://sabustudio.com/lighting";
});
</script>