Hello! Simple request here. I want to remove the unececessary space between my product image and the product description.
I can provide site URL upon request in Pms if needed because I don’t want it public here. I would really appreciate if someone can help me.
the examples have been uploaded below. Thank you guys!
Here are the examples: https://imgur.com/a/xG7b41A
Hello @manoman , Please give a preview URL or live store URL so I can check it from where this space is coming.
need the store URL @manoman
Sent all of you guys PMS!
You have pm thanks
Sent you a pm thanks
Could you send me the page url?
I just did. Thanks!
Hi @manoman
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.css
Step 3: Paste the below code at bottom of the file → Save
@media (max-width: 767px){
div#shopify-section-template–21825302364497__1714209265acd03edd {
display: none;
}}
Hope that my solution works for you.
Best regards,
Henry | PageFly
Hi @manoman
check this one.
From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
div#shopify-section-template--21825302364497__1714209265acd03edd .container.vertical-breather {
display: none !important;
}
And Save.
Result:
Note: Is this for mobile only? I also include the dekstop view the gap is also visible there.
Dont seem to work for me? I put it in bottom of theme.css
