How to eliminate blank space under product title on mobile view?

Technical Q&A
1

Hello, can someone please provide code to remove this blank space under the product title on my product page (mobile only)
My website is www.checkoutfirst.com

sample.png
sample.png345×694 178 KB

2 Likes
2

@checkoutfirst

@media screen and (max-width: 769px){
.grid.product-single {
    margin-top: 35px !important;
}
}

Add this code in the bottom of theme.scss file.

  1. Navigate to Online Store->Theme->Edit code
  2. Asset->/theme.scss ->paste below code at the bottom of the file.
  3. Save it.
1 Like
3

@checkoutfirst

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
@media screen and (max-width: 769px) {
.grid.product-single {
    margin-top: 30px;
}
}
1 Like
4

@checkoutfirst

Let me know if you need any more help. We are happy to help you.
Thank you