I have a slight problem with “Motion theme”. There is a large space under the menu/header between the first page on the home page of my website. Is there a way to minimize or delete this open area?
Topic summary
A user encountered excessive padding/spacing below the header and menu on their Motion theme homepage. An image was provided showing the problematic white space.
Diagnosis:
The spacing was identified as being caused by a Shopify app block that wasn’t properly removed, leaving residual space even after deletion.
Attempted Solutions:
- Removing the app block through the theme customizer
- Guidance provided on removing app blocks via Shopify admin (theme editor) and theme code (liquid files)
- Suggestions to check app settings, uninstall the app, or contact the app provider
Resolution:
After initially reporting the space remained after removing the app block, the user updated their theme and confirmed the issue was resolved. The discussion is now closed with a successful outcome.
1 Like
Hi @alexTCO
Please, share your store URL. Thanks!
Oh, not this URL. The store URL not the admin. Or you can also share the preview.
https://tco-truckee.myshopify.com/
Does this work?
Thanks for the info, this space is cause by the shopify app block. You need to remove it well so it wont leave a space.
Removing a Shopify app block depends on where the block is located (e.g., homepage, product page) and whether it’s part of a custom theme or an app integration. Follow these steps to remove it:
From the Shopify Admin:1. Access the Online Store:
- Go to Online Store > Themes in your Shopify admin panel.
-
Edit Theme:
- Click Customize for the active theme.
-
Locate the App Block:
- Navigate to the page (e.g., homepage, product page) where the app block appears.
- Look for the app block in the sidebar panel under the corresponding section (e.g., a “Featured Apps” section).
-
Remove the Block:
- Click on the app block to open its settings.
- Look for a Remove Block or Delete option (often at the bottom of the settings).
-
Save Changes:
- After removing the block, click Save to apply your changes.
From the Theme Code:
If the app block was added via custom code:
-
Access Theme Code:
- Go to Online Store > Themes > Actions > Edit Code.
-
Identify the Code:
- Locate the relevant liquid files:
- Common files include sections/.liquid, snippets/.liquid, or templates/*.liquid.
- Look for code related to the app (it may include app-specific tags or comments like {% include ‘app-name’ %}).
- Locate the relevant liquid files:
-
Comment Out or Remove Code:
- Comment out the block using {% comment %} … {% endcomment %} or remove it entirely.
-
Save the File:
- Click Save to apply changes.
Disable or Uninstall the App:
If the block persists after removal:
-
Check App Settings:
- Some apps have settings in their configuration to remove their blocks.
-
Uninstall the App:
- Go to Apps in the Shopify admin.
- Find the app and click Delete or Uninstall.
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
I appreciate the quick responses - I removed the app block and the space is still there. Any other recommendations?
If the app block persists:
You may need to contact the app provider for assistance. They can guide you on properly removing the block or cleaning up any residual code. If the issue remains unresolved or if you’re not comfortable editing code, consider hiring a Shopify developer to help clean up the remaining space and ensure the app is fully removed from your theme.
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
Nevermind - just updated and it worked! Thank you so much!