OHMarketing Posted April 9, 2020 Share Posted April 9, 2020 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; } Link to comment
tuanphan Posted April 9, 2020 Share Posted April 9, 2020 Can you share link to page where you use gallery? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
OHMarketing Posted April 9, 2020 Author Share Posted April 9, 2020 (edited) Hi Tuanphan, Thanks for your reply. Here it is: https://www.prestigecoolrooms.com/specifications If you scroll down, where the Machinery section, you will see the gallery runs over the fixed navigation bar. Edited April 9, 2020 by OHMarketing Link to comment
OHMarketing Posted April 29, 2020 Author Share Posted April 29, 2020 Any help with this please? Link to comment
tuanphan Posted April 29, 2020 Share Posted April 29, 2020 2 hours ago, OHMarketing said: Any help with this please? Add to Home > Design > Custom CSS header.Header.Header--top { z-index: 999; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
OHMarketing Posted May 3, 2020 Author Share Posted May 3, 2020 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 Link to comment
tuanphan Posted May 4, 2020 Share Posted May 4, 2020 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 How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
OHMarketing Posted May 8, 2020 Author Share Posted May 8, 2020 Wow I don't know what the code is about but it works like a charm. Thank you so much for your help. Link to comment
morristheskinny Posted February 24 Share Posted February 24 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 Link to comment
Mdhanjal Posted February 25 Share Posted February 25 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 8 years experience with Squarespace. if you need help and work with me email me here :- mandeepsquarespace@gmail.com Best Hourly Rate :- $15 Per Hour Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment