ResrieRocks

I resolved this by following this post: https://forum.squarespace.com/topic/214261-hey-there-similar-question-here-ive-created-a-directory-for-a-client-with-a-row-of-image-blocks-that-each-link-to-a-pre-filtered-list-for-each-category-in-mobile-view-the-auto-stacking-single-wide-isnt-great-2-rows-of-3-would-be-great-code-ideas/#comment-528579

Site URL: https://mandarin-turtle-hz69.squarespace.com/ Hi there, I've created a 6x2 (6 column, 2 row) logo wall on desktop. I'd like this to stack to 3 column x 4 row on mobile. It's currently stacking them in 1 column which makes for a very long scroll. I used a "list" function to create this, hiding all text and just showing image. I've used this feature on 2 pages: https://mandarin-turtle-hz69.squarespace.com/ https://mandarin-turtle-hz69.squarespace.com/about-us Thanks for any help you can provide! Leslie

No I haven't. Do you know why this might happen? Any thoughts to resolve it?

Hi there again bangank36! So, from a visual standpoint this all worked. However, the blue logo no longer is a link to the homepage. It only works on the original white logo. Thoughts on this? Here are the pages that I've implemented the code for so far: https://mandarin-turtle-hz69.squarespace.com/our-work https://mandarin-turtle-hz69.squarespace.com/our-work/compass https://mandarin-turtle-hz69.squarespace.com/our-work/lsp Here is the custom CSS that is currently in the site: #item-62166b51f3f36f51b22d9d24 .header-title-logo img { /* filter: invert(1); */ visibility: hidden; } #item-62166b51f3f36f51b22d9d24 .header-title-logo:after { content:''; display: block; width: 100%; height: 100%; background-image: url('https://images.squarespace-cdn.com/content/v1/6215166efce15d2007252bbe/3ee2eecc-982a-4376-a842-a7eaa5350433/RP+Bulders+Vector+Logo-01.png&auto=format&fit=crop&w=871&q=80'); background-repeat: no-repeat; background-size: cover; background-position:center center; position: absolute; top: 0; left:0; } #item-62223ffe3db1a36e6ae199b5 .header-title-logo img { /* filter: invert(1); */ visibility: hidden; } #item-62223ffe3db1a36e6ae199b5 .header-title-logo:after { content:''; display: block; width: 100%; height: 100%; background-image: url('https://images.squarespace-cdn.com/content/v1/6215166efce15d2007252bbe/3ee2eecc-982a-4376-a842-a7eaa5350433/RP+Bulders+Vector+Logo-01.png&auto=format&fit=crop&w=871&q=80'); background-repeat: no-repeat; background-size: cover; background-position:center center; position: absolute; top: 0; left:0; } #collection-62166b51f3f36f51b22d9d23 .header-title-logo img { /* filter: invert(1); */ visibility: hidden; } #collection-62166b51f3f36f51b22d9d23 .header-title-logo:after { content:''; display: block; width: 100%; height: 100%; background-image: url('https://images.squarespace-cdn.com/content/v1/6215166efce15d2007252bbe/3ee2eecc-982a-4376-a842-a7eaa5350433/RP+Bulders+Vector+Logo-01.png&auto=format&fit=crop&w=871&q=80'); background-repeat: no-repeat; background-size: cover; background-position:center center; position: absolute; top: 0; left:0; }

This worked great! Thank you. Can you please share how I would change the code to implement this on any other additional pages? The logo image link I used is https://images.squarespace-cdn.com/content/v1/6215166efce15d2007252bbe/3ee2eecc-982a-4376-a842-a7eaa5350433/RP+Bulders+Vector+Logo-01.png I really appreciate your help. leslie

Site URL: https://mandarin-turtle-hz69.squarespace.com/ Hi, I would like to swap a white logo, to a dark blue logo on some pages of my site where the header area is white. Can you please help? The logo is white knocked out of blue on the homepage. I'd like it blue on white on this page: https://mandarin-turtle-hz69.squarespace.com/our-work/compass Thank you!