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
  • 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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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, xmaaaikee said:

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

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

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
Just now, xmaaaikee said:

 

What does this mean? All of a sudden I refreshed my site and now I'm seeing this message too. 

 

I think Squarespace down. Try contacting Squarespace Customer Care

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.