Jump to content

Carousel Gallery runs over fixed navigation bar

Recommended Posts

Posted

Site URL: https://www.prestigecoolrooms.com/

Hi guys,

This morning I added a Slideshow gallery to my page and I notice that when scrolling down it runs over the navigation bar.

If you look at the attached image you will see what I mean. I'm using Squarespace 7.0 with the Brine template and it's been working fine.

Here's the code for the fixed navigation bar that I've been using. Has anyone had the same problem?

Do I need to add another code to fix the Gallery? 

 

//Fix Main Navigation Bar
.Header-inner { z-index: 4; width: 100%; }

.Header-inner { z-index: 4; width: 100%; }
.Header{ z-index: 10; position: fixed; width: 100%;  }
 p, h1, h2 {
    -webkit-hyphens: manual !important;
       -moz-hyphens: manual !important;
        -ms-hyphens: manual !important;
            hyphens: manual !important;
  }

 

 

Error.JPG

  • Replies 9
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

  • 3 weeks later...
Posted
On 4/29/2020 at 1:33 PM, tuanphan said:

Add to Home > Design > Custom CSS


header.Header.Header--top {
    z-index: 999;
}

 

Thanks Tuanphan, I have added the code and now the picture is ok, but the "previous" and "next" arrow is still overlay on the navigation bar.

Please see attached to understand what I mean. Do you have other codes to add in?

The link to the website is:

https://www.prestigecoolrooms.com/specifications

 

Capture.JPG

Posted
8 hours ago, OHMarketing said:

Thanks Tuanphan, I have added the code and now the picture is ok, but the "previous" and "next" arrow is still overlay on the navigation bar.

Please see attached to understand what I mean. Do you have other codes to add in?

The link to the website is:

https://www.prestigecoolrooms.com/specifications

 

 

Add to Home > Design > Custom CSS

.sqs-gallery-controls a {
    z-index: 998 !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

  • 2 years later...
Posted
5 hours ago, morristheskinny said:

Hi @tuanphan, I'm also having issues with this on my site. Can you please help? I tried the code supplied in the earlier comment but didn't seem to work. Link here https://www.banffcollective.com/intimate-private-rooms

.Header-inner.Header-inner--bottom {
    z-index: 999;
}


.sqs-gallery-controls .previous, .sqs-gallery-controls .next {
    
    z-index: 998;
}

 

Hi, I'm BITTU. A website developer with 10 years experience with Squarespace. if you need help and work with me,

Email me here: - mandeepsquarespace@gmail.com
Hire Upwork: - https://www.upwork.com/freelancers/~01eed466e76c89e024
Behance: - https://www.behance.net/mandeepSquarespace

 

Best Hourly Rate: - $15 Per Hour

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.