Sabu

Hi Tuan, Links have been added to the text blocks. Thanks 🙂 Sam

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

Hi Tuan, Yes I have a business plan. I already have the pages setup, so I would rather try and use code to make them clickable if possible? Thanks, Sam

Hello, I am also needing assistance with this. I have text blocks overlaying the images blocks, I have custom css so the text appears on hover, I am hoping to make the whole text block a clickable link. I am unable to have the image block as a clickable link as the text block is overlaying it. https://www.sabustudio.com/lightingnew Thanks in advance 🙂 Regards, Sam

Thanks very much Tuan!

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, I am wanting to make the top navigation item (the folder) selectable and be able to be redirected to its own page, currently it cannot be selected, only the dropdown navigations can be selected. I have multiple folders and dropdown items, I have tried all the codes from various forums and still no luck, I have never used code before so this is very new to me, hopefully you might be able to help me. I am using version 7.1 and the template is Pazari. My website url is: https://sabu-studio.squarespace.com/ The password is:123456789 I am wanting to link furniture-folder to: https://sabu-studio.squarespace.com/furniture and lighting-folder to: https://sabu-studio.squarespace.com/lighting I have tried the following 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"]').click(function() { window.location = "https://sabu-studio.squarespace.com/furniture"; }); $('.header-nav-folder-title[href="/lighting-folder"]').click(function() { window.location = "https://sabu-studio.squarespace.com/lighting"; }); </script> Am I doing this correctly? Thanks for your help! Sabu