How do I change the menu navigation links for mobile devices?

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

I would like to customize my site so that some pages display differently on mobile than on pc. The best way I have found to do this is to create 2 versions of my pages.

This seems to work well, except I am not sure how to get the nav bar at the top of the page to display different links depending upon the screen size.

I would like to change the links specifically for the 'About Us' and 'View Films' sections so that they link to different pages on mobile.

Hi. You can add some more Link Items, then we will give the code show it on mobile only.

Hi @tuanphan! Hi do I do that?

On 6/6/2022 at 10:14 AM, CelsoDiniz said:

Hi @tuanphan! Hi do I do that?

Hi,

What is your problem?

Hello, @tuanphan! I know this is an ancient thread, but I'm having the same issue.

Site URL: https://chamdoctor-jp.com/
I want a URL of the link menu in the navigation to change to a different URL only on mobile devices.

As is : 
Link of Navigation menu (症例写真) : 
http://www.chamdoctor.com/re/sub09/sub09_02.html > on PC
http://www.chamdoctor.com/re/sub09/sub09_02.html > on mobile

To be : 
Link of Navigation menu (症例写真) : 
http://www.chamdoctor.com/re/sub09/sub09_02.html > on PC
http://m.chamdoctor.com/sub04/sub04_03.html > on mobile

To redirect to new page on mobile, you can add this code to Page Header Code Injection

<script type="text/javascript">
if (screen.width <= 767) {
document.location = "https://google.com";
}
</script>

replace google with new url