How can I center product title and price on mobile version?

[basicbastardco]

Hi guys,

On the homepage, the price and title are not equally centered on the phone version only. I checked the shopify phone version it shows it’s fine but when I tried it on a real phone it’s not centered. Please see the screenshot.

I would very much appreciate your help.

URL: https://basicbastard.co/

[GemPages]

Hello @basicbastardco ,

It’s GemPages support team and glad to support you today.

I would like to give you the recommendation to support you so kindly follow the steps below:

1. Go to Online Store > Theme > Edit code of your current theme

2. Open your theme.liquid theme file

3. Paste the below code before

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

[PageFly-Victor]

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Add this CSS at the bottom

Online Store ->Theme ->Edit code

Assets → component-card.css

@media(max-width: 767px) {
.card__information {
        padding: 0 !important;
}
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly