MariaFY

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!

Thank you @tuanphan The code works if only the homepage had a banner, but other pages with a banner don't end up having the same buttons as the ones on the homepage. How can I define different button styles for pages with a banner (e.g. 'Our Team'), and pages without (i.e. 'Contact'? Not sure if this is a bigger challenge, or has an easy solution. Thanks again for your support, it's appreciated!

Hi @tuanphan, I could use your help with fine tuning this. I was able to css two different style buttons in the secondary nav. However this works only on image overlay, but not on pages without a banner. I'd like to css the first button to only have a (blue) 2px border. Right now, the first button is not visible (only on hover). Compare homepage vs. contact page Site: https://grape-dove-n6ym.squarespace.com/ PW: piper Thanks a lot for taking a look!

@tuanphan You da best!