Regarding

Hi all, I've set a background image for one page (https://www.regardingdew.com/pivoting-toward-wholeness) And it's doesn't work on mobile. I'd love to have an alternative image if possible. Here is the code that I tried in the CSS section, and no luck (nothing updates) @media screen and (max-width:767px) { /* hide current image */ [data-section-id="5e8c390a09dbf467b60fb0c3"] .section-background img { visibility: hidden; } /* set new image */ [data-section-id="5e8c390a09dbf467b60fb0c3"] .section-background { background-image: url(https://images.squarespace-cdn.com/content/v1/55118900e4b05b9bd93e8e97/cfbeb81f-5c7e-424c-8235-7b1af80771c1/mobile+2.png?format=2500w); background-size: cover; background-repeat: no-repeat; background-position: center center; } } I might have the data-section-ids wrong, those were from the code that I grabbed. Anyone know what I can try? Thank you in advance!

Simple as that, thank you!

Hi all, I got the coding to work for a background image, but for some reason it's clipped: https://www.regardingdew.com/harvesting-1 Anyone know how to fix this? Thank you in advance!

Et voilà! Thank you so much, Sam.

Hello, I was able to successful hide my sidebar on one page of my site (Wells 7.0) but after adding another set of code, it stopped working... Can anyone help me troubleshoot here? I'm at a loss (The second set of code also doesn't work). Thank you! Here is the code: #collection-66617a3bd66c3246668fd5c2 { #headerWrapper { display: none; } } <style> body { background-image: url(https://images.squarespace-cdn.com/content/v1/55118900e4b05b9bd93e8e97/ed157f6e-d264-4c52-8019-b36bac70aff0/Harvest+background.png?format=2500w) !important; background-size: cover; background-repeat: no-repeat; background-position: center center; } </style>

Update: Just refreshed my page hours later and it worked?! If anyone is trying this in the future, it *might* be different for different templates...I use Wells for reference.

I also tried this under the general CSS box (not the page header injection). No luck... #collection-66617a3bd66c3246668fd5c2 { #headerWrapper { display: none; } }

Hi all, I've been having a hard time removing the sidebar on a single page on Squarespace 7.0. I located the collection ID and added it to the code below, and then pasted this in the Page Header Code Injection under Advanced. But... no luck. Both the sidebar and the code are showing. Could anyone help me out with this? Here is the code: /* Remove Main Nav */ body#collection-66617a3bd66c3246668fd5c2 nav#mainNavigation { display: none !important; } /* Remove Secondary Nav */ body#collection-66617a3bd66c3246668fd5c2 nav#mainNavigation nav#secondaryNavigation { display: none !important; } Thank you in advance!