Reduce Blank Space

Solved
tonyvaloz
Excursionist
22 0 9

Hello friends...

Please let me know how to reduce the blank space below the Buy It Now button. Aattached is the image showing the product page loaded in mobile phone.

The direct URL is: https://santosabores.myshopify.com/collections/buffet/products/atun-a-la-plancha
or browse from the mobile phone: santosabores.myshopify.com > Buffet > Atún a la plancha
(password: 0000)

I will appreciate any help that I can get!
best regards

whitespace.jpg

 

0 Likes
Pallavi
Shopify Expert
1118 146 178

This is an accepted solution.

Hello There,

1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.css.liquid->paste below code at the bottom of the file.

.product-single__description {
margin-top: -25px!important;
}

Screenshot :- https://prnt.sc/10g4b9i

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
dmwwebartisan
Shopify Partner
5328 1229 1574

This is an accepted solution.

@tonyvaloz 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media screen and (max-width: 768px){
.shopify-payment-button .shopify-payment-button__more-options{ display: none; }
.product-single__description{ margin-top: 0px !important; }
}

 

Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
Natztech
Shopify Partner
387 96 190

please Go to Online Store->Theme->Edit code then go to Asset->/theme.css ->paste below code at the bottom of the file.

.grid .grid__item .product-single__meta .product-single__description {
	margin-top: 0px !important;
	display: none !important;

}

.shopify-payment-button .shopify-payment-button__more-options{ display: none !important; }
Create your Shoppable Instagram Feed on your online store with AllFetch app


Want to theme customize Hire us.
If helpful then please Like and Accept Solution

E-mail :natztech2312@gmail.com
Shopify Design Changes | Shopify Custom Theme Design and Development

Whatsapp :
tonyvaloz
Excursionist
22 0 9

Thank you very much!... this is what I was looking for !

0 Likes
tonyvaloz
Excursionist
22 0 9

Thank you my friend. I had placed the previous code since it arrived first than yours.

But yours is useful too and I will keep in mind.

I hope to learn more codes to fine tune some theme designs.

best regards!

0 Likes