wsmedia

16 hours ago, bangank36 said:

Try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
	section[data-section-id="618bf362eaeb6d040b7a5ee6"]  .content .span-12 .row {
		display: flex;
	}

	section[data-section-id="618bf362eaeb6d040b7a5ee6"]  .content .span-12 .row  > .col {
		width: 33.33% !important;
	}
}

Let me know how it works on your site

Press 👍 or mark this answer as solution to help another one too

PERFECT!!!! Works great. I think I kept using the wrong section ID.... and that really matters! lol. Thank you so much for providing this. It really helped me complete my project.

1 minute ago, wsmedia said:

 

Yes that is the result I want to achieve in mobile, but with the section above those, that had the bottles as single images. When I go to mobile, it stacks them one-on top-of another. I want the 3 separate images to be side-by-side in mobile, like shown above.

On 11/17/2021 at 7:32 PM, tuanphan said:

 

56 minutes ago, bangank36 said:

Is it the result you want to achieve in mobile?

Yes that is the result I want to achieve in mobile, but with the section above those, that had the bottles as single images. When I go to mobile, it stacks them one-on top-of another. I want the 3 separate images to be side-by-side in mobile, like shown above.

Please help if you can. I am still having trouble getting code to work for this for some reason.

On 11/19/2021 at 8:43 PM, bangank36 said:

Your site is still private now. Can you share it with the protected password for us to check?

https://gopher-green-mnwk.squarespace.com/

pw: mf112221!!

On 11/12/2021 at 2:21 AM, tuanphan said:

Hi,

Can you share link to page in screenshot?

https://gopher-green-mnwk.squarespace.com/

pw: mf112221!!

On 11/12/2021 at 2:21 AM, tuanphan said:

Hi,

Can you share link to page in screenshot?

The sight is not launched yet so the url is custom: "https://gopher-green-mnwk.squarespace.com/"

@tuanphan :: I am having the same issue (3 images in a section of 7.1 wanting to keep them 3 across when mobile loads). I have tried everything I know, including snippets from above, but I can not get it to work. Please help! I am struggling to move on from this on the project.

Secondary question/concern: this is a mock for approval; so when I am in final development and replace all these images, will I have to re-do this code?

This worked FABULOUSLY! Great idea to affect any store items that are just for show and not for actual sale. If you are using your site's store of image galleries with bread crumbs, this is killer! Much appreicated 

On 1/29/2020 at 7:33 PM, tuanphan said:

With some templates (not sure this is for all templates) if the product belongs to a certain category / tag, they will have the same class, and we can use the code for only those products.
You can put any tag for a product and reshare url, I can take a look

tuanphan,

I am using squarespace 7.1 (not a template)... Is it possible to hide the price, quantity&box, the add to cart button, and the shopping cart for my store page? And if so, where do I put in the code if I want to hide this stuff on only ONE of the stores on my site? I have removed price and part of the button but the other stuff eludes me. I am using this code:

<style>
.product-price,
.product-quantity-input,
.quantity-label,
.yui_3_17_2_1_1586294340112_457,
.sqs-add-to-cart-button-inner
 {
 display: none;
}
</style>

I have put the above code here: store's page / Products Settings / Advanced / Page Header Code Injection