Jump to content

How to make nav folder link clickable in mobile view too?

Recommended Posts

Site URL: http://www.fluffielash.co

Hi,

So I already inputted this code to make my top navigation folder link clickable to a page instead of just opening the drop down menu:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() { 
	$('.header-nav-folder-title[href="/nav-services"]').click(function() {
		window.location = "https://www.fluffielash.co/services";
	});
    $('.header-nav-folder-title[href="/nav-training"]').click(function() {
    window.location = "https://www.fluffielash.co/training-coming-soon";
});
});
</script>

 

But my issue now is how do I make this clickable in mobile view too? When I click on 'services' or 'training', it just opens up the folder in mobile view and doesn't go to the actual page I want it to. 

 

Thanks in advance!!

Link to comment
  • Replies 7
  • Views 773
  • Created
  • Last Reply

I see you solved?

<script>
$(document).ready(function() { 
	$('.header-menu-nav-item a[href="/nav-services"]').click(function() {
		window.location = "https://www.fluffielash.co/services";
	});
    $('.header-menu-nav-item a[href="/nav-training"]').click(function() {
    window.location = "https://www.fluffielash.co/training-coming-soon";
});
});

</script>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
10 hours ago, tuanphan said:

I see you solved?


<script>
$(document).ready(function() { 
	$('.header-menu-nav-item a[href="/nav-services"]').click(function() {
		window.location = "https://www.fluffielash.co/services";
	});
    $('.header-menu-nav-item a[href="/nav-training"]').click(function() {
    window.location = "https://www.fluffielash.co/training-coming-soon";
});
});

</script>

 

No its not, because its not functioning how I want it to in mobile view. It works in desktop view, but not mobile. 

Link to comment
2 minutes ago, tuanphan said:

Which mobile/mobile version do you use? I see it works here.

Oh I just checked again and its working now. I'm using an iPhone XS max. But now customers wont be able to click the other pages in that folder since it automatically goes to the main folder page when clicked. Is there a way where you can click the folder arrow to open the folder, then select other pages within?

Link to comment
4 minutes ago, xmaaaikee said:

Oh I just checked again and its working now. I'm using an iPhone XS max. But now customers wont be able to click the other pages in that folder since it automatically goes to the main folder page when clicked. Is there a way where you can click the folder arrow to open the folder, then select other pages within?

image.thumb.png.13a7ae88c5ba1e09c3c0e94161490cde.pngimage.thumb.png.13a7ae88c5ba1e09c3c0e94161490cde.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.