Hello, Please help me fix this product card. [Screenshot 2023-10-30 at 11.41.07 PM.png] I am hoping to make it look consistent with this product card. [Screenshot 2023-10-30 at 11.44.08 PM.png] I would like to get it fixed in mobile and desktop layout. https://unfoldesthetics.com/collections…

Hi @unfoldesthetics What’s password protected of your store?

hi! I just removed the password temporarily so you can see.

Go to your Online store > Themes > Edit code > open base.css file and add this code at the bottom .card__content .card__heading--price { display: flex !important; flex-direction: column !important; padding: 0px !important; } .card__content { padding-left: 0px !important; padding…

Hi! I tried this code, but the button on the first product card is still not centered. It just made everything go to the left. [Screenshot 2023-10-31 at 1.30.26 AM.png]

Please update code to this .card__content .card__heading--price { display: flex !important; flex-direction: column !important; padding: 0px !important; } .card__content { padding-left: 0px !important; padding-right: 0px !important; } .card__content .card__heading--price .card__v…

Thank you! that centered the button, but I didn’t want the price to be on the left so is there a way to keep it on the right side across from reviews just like this. [Screenshot 2023-10-30 at 9.51.55 PM.png]

Hi @unfoldesthetics I can be but need to edit code of your theme file a little bit

Okay! How can that be arranged? Also, the code is causing the texts in all product cards to be pushed all the way to the left. How can this be adjusted on the code without affecting the positioning of the button? This is what it looks like right now: [Screenshot 2023-10-31 at 1.59.16 AM.png] Id…

I found the way, please update code like this .card__heading--price { display: block !important; } .card__heading--price .vtl_ssct__trending-styles, .card__heading--price .card__heading { margin-left: -10px !important; } .card__heading--price .vtl_ssct__trending-style { float: left !important; } .c…

How can I make my product grid consistent on all devices?

Store Design

zaczee October 31, 2023, 8:27am 5

Hi,

Do you want to make the button in one line

Topic		Replies	Views
Ritual Theme, trying to balance the products in mobile view Store Design customizations	5	65	December 4, 2025
Price allignment issue on mobile. Desktop works fine Store Design customizations , shopify-themes , product-page	13	85	October 21, 2024
How can I center text and view product button on mobile view? Store Design design , customizations , css , product-page	9	57	October 31, 2023
Refresh theme - How to align the product title and price Store Design css , product-page	16	91	July 7, 2024
Theme - Drive Product Card Price Alignment Store Design design , css , troubleshooting	4	46	April 28, 2026

How can I make my product grid consistent on all devices?

Related topics