Jump to content

How to fix mobile header and Navigation - Ishimoto

Recommended Posts


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. 

Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

@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;


Edited by ccrews
Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

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