Ingrid89

You solved my problem @tuanphan, thank you!!!

@tuanphan sure! https://www.guimauve.nl/bracelets (this is the link, password = ingrid). The way I have it right now is with this code below. In mobile view, the upper row is two by two, the rest is still stacked. I would love all my products two by two. @media screen and (max-width:760px) { div#page-section-60acb063f2c8f00460869887>.row>.col>.row>.col> { width: 50% !important; float: left !important; } }

I am now using the code below, and if I remove +1 ,next to 2n , then I get those upper two next to each other. But I would like to have all of them two by two.

@tuanphan Thanks for the code for the two columns, however, it only works on my upper row. The rest is still divided. See screenshot.

Hi guys, I'm trying to do this with my header photo. I can't get the code to work though.

Alright, solved it. I added a blank section on my homepage, entered a code block with my Shopify code. Then I went to custom css and added the code below. And now the section is hidden but when I go to my shop page and add something to my shopping cart, the cart still shows on the home page. So thank you!! /* Hide this on Mobile */ @media screen and (max-width:767px) { [data-section-id="enter-id-here"] { display: none; } } /* Hide this on Tablet - Desktop */ @media screen and (min-width:768px) { [data-section-id="enter-id2-here"] { display: none; } }

I see! Thank you!

Thanks! It does indeed work, but only when you're at the shop page. It disappears once I return to the home page of my website (https://www.guimauve.nl password = ingrid)

Hi Paul, Thanks! Yes I noticed how it pops up on the right side when you put an item in the shopping cart. I've hidden the squarespace cart since it doesn't interact. But it would be so nice to have the Shopify cart up in the header (perhaps opposite to the navigation) at all times. Is that possible with css? I've already customized about everything and quite pleased with the result. This would just be a very nice extra.

Did you manage to find a solution? I would like to know this as well!

Hi, I am by no means a css/html expert, but I did find the solution to your 2nd question. https://community.shopify.com/c/Shopify-APIs-SDKs/Product-image-issue-when-embedding-Shopify-Buy-Button-on-3rd/m-p/826203#M53654 Here (especially on page 2) someone explains in detail how to change the html url file. You open the css of your Shopify button (which you've pasted into squarespace), then you see a url - open this in a new tab and copy paste the whole thing into word or pages. Cntrl + f and look for 280 - change 280 in 1024 or whatever you want it to be (I changed all four of them into 2048px). Save the whole document as a .js file. Then go to Squarespace, create a new page (disable it), and create a text block and type a word, whatever word. Link it and instead of linking it to a url, upload the new .js file you just created. Add it to the word you just typed, copy the path which is displayed /s... something. And then go to the page settings and go to advanced. Type: <script src="PATH"></script> (customize the PATH with the path that you've just copied from the link file). Save and go back to your Shopify buy button css. Replace the url which you've used in the beginning to obtain the text for the JS document with the new path you've still got copied - the /s/PATH.js thing. Then save and voila, you're popup images should finally look like the way people intended photos to look in the 21st century. Again, I'm no expert on this, just followed everything they said in the link shared above. But it did help me out of this misery. Perhaps it will help you as well.