How can I fix the mobile view of text under my product title?

Hello everyone,

I have a small text block under the product title that in PC version looks great, but in mobile version looks padded with and empty space. I want the mobile version looks exactly like the PC one.

PC:

Mobile:

I tried with some help I found here, but nothing works.

Maybe this can helps:

Thank you in advance.

Hi @Waki2k5

Could you share your store URL?

Hey @Waki2k5 ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

If 0 is making it too close, change the 0 to 5px


Screenshot is for reference only, the correct code to paste is the one shown above.

Hello @Waki2k5

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

p.product__text{ margin-top: unset !important; }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

@ThePrimeWeb , @niraj_patel thank you guys, but doesn’t work.

Any idea?

@Waki2k5 can you share store URL?

Can you share the link to your store and let me see what went wrong?

@niraj_patel , @ThePrimeWeb , @Dan-From-Ryviu

https://miauandguau.com/products/pescaito-loco

Hey @Waki2k5 ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.


Screenshot is for reference only, the correct code to paste is the one shown above.

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

@media screen and(max-width: 767px){ .product__title+.product__text.caption-with-letter-spacing { margin-top: unset !important; } .product__title h1 { margin-bottom: unset !important; } .product__title+.product__text.caption-with-letter-spacing { margin-top: unset !important; } }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

@ThePrimeWeb , @niraj_patel Thank you both for your time and help! Finally works!! Have a nice day!!