How can I eliminate blank lines from my web pages?

Store Design
, , , , ,
1

Hi folks,

I have found there is a blank line on every page, and here is the screenshot of it and the code it shows:

Code2018_0-1713773671333.png
Code2018_0-1713773671333.png1920×500 187 KB

Please help me with how to remove it, I didn’t find where is it.

Thanks for any help!

PS: My theme is Taste and the site is: shengliroadmarket.com

Esson

2

Hello @Code2018

This is Amelia at PageFly - Shopify Advanced Page Builder app.

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css or theme.css

Step 3: Add code

.shopify-section-header-sticky {
   margin-top: -30px;
}

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

3

@Code2018 ,

Please check the code of header file or theme.liquid file. Find the special character or text there that you shown in your screenshot.

I am sure there is some code typing mistake.

4

Add This css in your Edit Code > base.css File

.section-header.shopify-section-group-header-group {
    grid-column: 1 / 1;
    grid-row: 3 / 4;
}
body {
    display: grid;
    grid-template-rows: auto auto auto 0px !important;
}
@media screen and (max-width:990px){
  body{
    grid-template-rows: auto auto auto 0px !important;
  }
  .section-header.shopify-section-group-header-group {
    grid-column: 1 / 1;
    grid-row: 3 / 3;
  }
}
5

Thanks, Amelia, but that’s not the best way to solve this problem, always adding new codes will decrease the speed of the site.
If you need more to locate the key code, please tell me. I would like to add it.

6

@dmwwebartisan
Thanks, I found that it’s in the header file, thanks for your help!

7

Thanks, but as I said, add codes is not the best way to solve this problem.