Narrative Theme - Remove white space on product page

Technical Q&A
1

Hi there! On the product page of the Narrative theme, there is unnecessary white space above and below the product description. I have tried all the solutions given on the Shopify discussion forums, but nothing seems to work. Any help is appreciated! Thanks!

2

i can’t see your site.

provide preview url

thank you.

3

@Zworthkey

To clarify, the problem is on mobile only!

4

To clarify, the problem is on mobile only!

1 Like
5 
@media only screen and (max-width: 749px){
.product__description {
    width: 100%;
    margin-top: 0px !important;
}
.product__content {
    padding-bottom: 0px !important;
}
}

add this code in theme.scss

Thank you.

6

@Zworthkey

This code doesn’t work :disappointed_face: do you have another code I could try?

7

Screenshot (67).png
Screenshot (67).png386×512 90.1 KB

8

I think you added to wrong place.

9

@Zworthkey

I added your code to the bottom of the theme.scss.liquid file. Is this correct?

10

remove last single bracket. and try new code which i have given.

11

@Zworthkey

oh my gosh, it works!!! thank you so much!!! YOU ARE AMAZING!

12

yes, it’s possible.

13

@Zworthkey That’s amazing! How can I fix the collection page? Really appreciate the help.

1 Like
14

@joyce11
Check in Inbox I have message you.

15

@Zworthkey I replied to you in inbox! thanks!

1 Like