MariaFY

Hi @tuanphan, thanks for this. I removed and added the suggested code but the line is still there. Any other idea what could cause it? https://grape-halibut-xsjk.squarespace.com/ PW: circle

@tuanphan Do you have an idea what could be the issue?

Site URL: https://grape-halibut-xsjk.squarespace.com/ Hi folks, I'm looking for some help locating an issue. Site: https://grape-halibut-xsjk.squarespace.com/ PW: circle I am customizing some sections on the homepage of a client's site by reducing the width of a section image background. There are some weird borders showing up between the section which I am trying to locate and get rid of. I can't find anything though that's causing it, so I assume it's the code. The code I've used for the 2 sections is: section[data-section-id="612b517f123966413388c1b9"] .section-background { width: 40%; left: 60%; top:10% } section[data-section-id="612b5351656dee1f45969604"] .section-background { width: 40%; right: 60%; top:10% } Thank you for any leads.

Thanks a million @tuanphan. You're killing it every single time!

@tuanphan, I could use your help with something similar. Trying to invert logo & header nav on scroll in SS 7.1. Goal is to display the logo, nav and social icons in white and have the turn black on scroll (once you see the white background). site: https://bison-marigold-6s6h.squarespace.com pw: haiku

Hey everyone, I have a client that sells handmade pipes/green business. I'm familiar with the fact that payment processing for these kind of products is nearly impossible with the options offered by Squarespace. I'm trying t find out if I can build a brochure site that doesn't have a shop (only contact to buy) option without getting flagged. I couldn't find any reliable info on Squarespace. Thanks a lot for any input on the matter!

Site URL: http://www.benidesign.co Hey guys, I'm looking for a way to get rid of the page overflow / horizontal scroll on my site. When I previously code html, page {overflow: hidden;} it removed my sticky header nav. Is there any other way I can remove that annoying side scroll? site: www.benidesign.co Thanks for any leads!

Hey @tuanphan When I use the code to prevent overflow on my Brine site, it removes the sticky header nav. Any ideas how to work around? site: https://olive-marlin-t4e7.squarespace.com pw: circle Thanks a lot, appreciate if you have a minute!

I think I figured it out, thanks for the help, I appreciate it! @creedon

Site URL: https://olive-marlin-t4e7.squarespace.com Hey guys, I'm trying to adjust my index gallery on mobile so the entire image shows, not just a portion of it. I tried width: 100%; with no luck. Thankful for any help!! Site: https://olive-marlin-t4e7.squarespace.com pw: circle

Hey there, I'm looking to create a split section with 1 side fixed and 1 side that scrolls as seen on this page: https://www.violahillstudio.com/work Is there any code snipped, or tutorial you guys know to recreate this layout? I'm using Brine!

Hi @tuanphan, thanks, this code worked super well, and I'm trying to resize other index page banners on the site as well. On the second banner on the homepage, there's a gray bar that shows when scrolling. Do you know why this occurs, or a way to fix it? Thanks a lot, appreciate the help! site: https://koala-saxophone-dd8b.squarespace PW: haiku

Hi there, I'm hopping on this thread trying to figure out how I can resize my Index page banners on mobile only. I like them full screen (110vh) on desktop, but on mobile the images don't work well. @tuanphan Is this an easy one? I played with css but didn't come to a working solution. Site: https://koala-saxophone-dd8b.squarespace.com/ PW: haiku Muchas gracias Circle familia!

Hi there, I'm looking for a way to change the color of my sticky announcement bar when scrolling down on a page. I'm using Brine. Anybody know if this is possible? I see people do this with a sticky header nav, so there should be a way for the announcement bar? Many thanks!

Hi folks, I'm trying to create two different colored buttons in the secondary header nav. I'm working with Brine, so some of my pages are index pages and have a banner, some are not (button color needs to be different on the pages without a banner) I've tried a bit of css, but none of it seems to be working on mobile. /* HEADER BUTTONS **********/ .Header-nav--secondary .Header-nav-item:first-child{ background: none!important; border: 2px solid #fff!important; color:#fff !important; } .Mobile-overlay-nav-item:first-child{ background: #fff!important; border: 2px solid #fff!important; color: #fff!important; } .Header-nav--secondary .Header-nav-item:hover:first-child{ background: white!important; border: 2px solid #fff!important; color: #000 !important; opacity:0.9; } .Header-nav--secondary .Header-nav-item:last-child{ border: 2px solid #fff!important; opacity:0.9; color:#000 !important; opacity:0.9; } .Mobile-overlay-nav-item:last-child{ border: 2px solid #fff!important; color:#000!important; } .Header-nav--secondary .Header-nav-item:hover:last-child{ background: white!important; border: 2px solid #fff!important; color: #000 !important; opacity:1; } The above code doesn't seem to do anything for mobile though. Any suggestions? Goal: Buttons on Index Pages with banner: 1 white, 1 outlined white Buttons on other pages (no banner): 1 blue, 1 outlined blue Site: https://grape-dove-n6ym.squarespace.com/ PW: piper Thanks a lot for any help with this!