Ingrid89

Like I said in the other post: it worked. Thank you!!

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; } }

Site URL: https://guimauve.nl Hi, I want my products side by side instead of stacks. So two columns. I used this code: @media screen and (max-width:760px) { div#page-section-60acb063f2c8f00460869887>.row>.col>.row>.col> { width: 50% !important; float: left !important; } div#page-section-60acb063f2c8f00460869887 .image-block { padding: 2px; } div#page-section-60acb063f2c8f00460869887 .image-block * { margin-bottom: 2px; }} However, only the upper row is now side by side. The rest is still stacked. (See screenshot) Can someone explain what's missing in this code?

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.

Also, I would like to add opacity to the image's on my product page. Does anyone know a simple code for that?

Site URL: https://guimauve.nl Hi guys, I've embedded Shopify into SP and I am almost there. I've changed a lot of stuff, improved the quality of the image of the pop up greatly, added zoom on hover etc. However, and this is where I am still frustrated: I want my grid photo to have the same quality as the pop up photo (which I've changed to 2048px in the .js file) Can someone help me out. Is this even possible?

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 already solved it! Thanks!