Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

How to fix mobile header and Navigation - Ishimoto


ccrews

Question

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
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

2 answers to this question

Recommended Posts

  • 1

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

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0

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