How To Remove Spacing Between Product Title and Product Price on Mobile View?

mamaandmimba
Tourist
3 0 1

Hi there!

Can someone please show me how to remove the spacing between a product title and product price on mobile view?

I have attached a screenshot below.

Thank you so much in advance!

2020-09-27 (2)_LI.jpg

 

0 Likes
UmairA
Shopify Partner
586 65 103

Hi @mamaandmimba ,

Please share your store URL so I can take a close look and post the solution here.

Cheers

If helpful, please Like and Accept Solution
Want to hire me?
Contact Me At
WhatsApp or email me at umairabbascs@gmail.com
Hire me for 1) Theme coding 2) PSD to Shopify 3) Store optimization 4) SEO 5) Store setup 6) and more!
0 Likes
mamaandmimba
Tourist
3 0 1

Hi @UmairA! Sure thing! My URL is https://mamaandmimba.com

UmairA
Shopify Partner
586 65 103

@mamaandmimba ,

Add the following code to your theme.scss.liquid file

@media only screen and (max-width: 480px) {
. template-product .product-title__wrapper  .product-title {
margin-bottom: 0px !important;
}
}

 

Let me know if you need help with anything else.

Best of luck with your startup!

If helpful, please Like and Accept Solution
Want to hire me?
Contact Me At
WhatsApp or email me at umairabbascs@gmail.com
Hire me for 1) Theme coding 2) PSD to Shopify 3) Store optimization 4) SEO 5) Store setup 6) and more!
0 Likes
mamaandmimba
Tourist
3 0 1

Thank you @UmairA for your help and kind words! However, I added the code and nothing happened on the mobile view, unfortunately.

Do you have another code you can give me that can solve the issue?

Thank you!

0 Likes
UmairA
Shopify Partner
586 65 103

Hi @mamaandmimba ,

Sorry, there was a typo in the code (space between dot and template-product) so I'm posting the code again.

@media only screen and (max-width: 480px) {
.template-product .product-title__wrapper  .product-title {
margin-bottom: 0px !important;
}
}

 

 

If helpful, please Like and Accept Solution
Want to hire me?
Contact Me At
WhatsApp or email me at umairabbascs@gmail.com
Hire me for 1) Theme coding 2) PSD to Shopify 3) Store optimization 4) SEO 5) Store setup 6) and more!
0 Likes