Narrative Theme- Getting rid of space above and below product description

Solved
hjwaxco
New Member
7 0 5

Can anyone help me get rid of all this space on the mobile view. The space between buy it now and the footer is alot

Screenshot_20210504-110058_Samsung Internet.jpg

0 Likes
dmwwebartisan
Shopify Partner
5673 1294 1654

@hjwaxco 

Please share your site URL,
I will check out the issue and provide you a solution here.

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
0 Likes
dmwwebartisan
Shopify Partner
5673 1294 1654

@hjwaxco 

Your store is password protected. Please provide a password. I will check and provide a solution here.

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
0 Likes
hjwaxco
New Member
7 0 5

@dmwwebartisan I have removed the password!

dmwwebartisan
Shopify Partner
5673 1294 1654

This is an accepted solution.

@hjwaxco 

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

 

@media only screen and (max-width: 749px) {
.template-product .product__description { margin-top: 20px !important; }
.template-product .product__content{ margin-bottom: 20px !important; }
}

 

 

Hope this works.

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
hjwaxco
New Member
7 0 5

@dmwwebartisan that worked! Thank you! Do you know how to make the "you may also like" smaller? It takes up the whole screen when you scroll down.

dmwwebartisan
Shopify Partner
5673 1294 1654

@hjwaxco 

Please add the following code.

@media only screen and (max-width: 749px){
.template-product .product__content { padding-bottom: 0px !important; }
}

Hope this works.

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
0 Likes