hi there, I’m trying to remove this empty space or make it smaller> > my website is www.torvatilingtools.co.uk> > Any help is appreciated
Topic summary
A user is experiencing unwanted empty space on their Shopify store (torvatilingtools.co.uk) and seeks help reducing or eliminating it.
Current Status:
- Another participant suggests the issue may already be resolved, asking for confirmation
- No response yet from the original poster on whether the problem persists
Proposed Solution:
A PageFly app representative provided custom CSS code to address the spacing issue:
- Implementation: Add code to theme.css file via Online Store → Theme → Edit code
- Target: Mobile devices (max-width: 767px)
- Changes: Removes margins and padding from specific elements including sections, product tabs, and variant tables
The discussion remains open pending confirmation whether the CSS fix successfully resolved the spacing problem.
@Cameronrikko are u still looking for fix?
Seems like it’s fixed
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-block-easy_tabs_product_tabs_easytabs_block_product_widget_mPcmWx {
margin-bottom: 0 !important;
}
.section.section–tight.section-blends.section-full {
padding-bottom: 0 !important;
}
div#cws_var_table {
margin-top: 0 !important;
}}
Hope that my solution works for you.
Best regards,
Henry | PageFly