Shopify themes, liquid, logos, and UX
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:
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
Solved! Go to the solution
This is an accepted solution.
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.
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
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
➜ Weekly updated Shopify tutorials on YouTube
All features are available from Free plan. Live Chat Support is available 24/7.
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.
This is an accepted solution.
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.
@dmwwebartisan
Thanks, I found that it's in the header file, thanks for your help!
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;
}
}
If you require further help to optimize your store, please don’t hesitate to reach out.
This contribution will always benefit you and you will get my full help easily and you can contact me easily.
Contect On My Mail :-Mail@gmail.com
Thanks, but as I said, add codes is not the best way to solve this problem.
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024