Jump to content

How to fix mobile header and Navigation - Ishimoto

Recommended Posts

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. 

Link to comment
  • Replies 2
  • Views 340
  • Created
  • Last Reply

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

 

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.