How to fix mobile header and Navigation - Ishimoto

Hi-

I want to use the gallery page for ishimoto, but i don't like that on mobile it becomes a long stack of images and makes it difficult to get back to the menu.

I would like to fix the header and navigation to the top of the page, so that when you scroll through the images you can quickly access the menu.

Additionally, is it possible to place the arrows of the carousel on the outside of the gallery when viewed on desktop? Ideally below or to either side, but not obstructing the pictures. 

Can you share link to your site? We can check easier.

@tuanphan  of course. Site is http://courtney-crews.com/ 

I have a small bit of CSS plugged in right now, making the arrows appear a bit different and creating some space between each image:

.collection-type-gallery.gallery-controls-arrows .gallery-controls .gallery-next, 
.collection-type-gallery.gallery-controls-arrows .gallery-controls .gallery-prev
{   
              font-size: 25px;
              font-weight: 700;
              color: white;
              background: none;
              padding: .2em;
}

.sqs-gallery-design-strip .sqs-wrapper img {
    border-right: 7px solid #ffffff;
}

@media screen and (max-width:800px) {
#slideshowWrapper.mobile-gallery #slideshow .slide {
    margin-bottom: 7px;
}
}