How to hide a page on mobile site only

I'm trying to hide the About page on my mobile site only and keep it active on desktop.

https://www.twinforkswindow.com/aboutus

Also is there anyway to hide the youtube "Watch Later", "Share" and "Video Title" from showing on a background video? I tried copying the link from "Start from 0:01" and the url didn't work.

#1. You mean hide About item from Mobile Navigation??

#2. Which video are you referring to?

Yes i wanted to hide the About tab on the mobile navigation but keep it on desktop. I found a workaround and used the code below to send people to my mobile home page when they click About.

<script>
if (document.documentElement.clientWidth <860) {
 window.location = "/mobile";
}
</script>

The video I'm referring to is at the top of the About page on Desktop. If you watch it on a smaller screen like a  13"macbook then you see the "Watch Later", "Share", and video title at the top of the video during the first second.

#1. Add to Website > Website Tools > Custom CSS

/* Hide About item on mobile navigation */
div[data-folder="root"]>div:first-child>div:nth-child(3) {
    display: none;
}

#2. Did you solve it? I don't see it here

I attached a picture. On smaller browsers you can see the title of the video "PENNIMAN CREEK...", the "Share" button and the "Watch Later" Button when the video starts. I tried copy and pasting the link from Youtube with the box checked Start at 0:01 to skip over this. But the link wouldn't work. 

How do you go back to the same point you left off at when you hit Back and go to the previous page?

I can't replicate this problem on my end. You try post this question to Customize with Code category

https://forum.squarespace.com/forum/39-customize-with-code/