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

Carousel Gallery runs over fixed navigation bar


OHMarketing

Question

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

Link to post
  • Answers 7
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

7 answers to this question

Recommended Posts

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

Link to post
  • 0
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;
}

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- Pour your heart into it

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...