I would like to change the spacing in the mobile view only to be closer to one another. Any ideas? Thanks!
Topic summary
Goal: reduce spacing between footer menu items in mobile view for a Shopify store using the Ride theme.
- Context: An image of the mobile footer (screenshot) illustrates the large gaps between items. Store URL was requested; the owner says it was shared privately and asked for review.
- Proposed approach: Edit code via Online store > Themes > Edit code, and add a snippet in theme.liquid before . Note: the provided code block appears empty, offering no actionable CSS.
- Latest update: The owner attempted the suggestion but reports it did not work, likely due to missing/incorrect code content.
Technical notes:
- theme.liquid is the main layout file where global scripts/styles can be injected.
- Adjusting mobile-only spacing typically requires CSS targeting the footer menu with responsive rules.
Status: No resolution yet. Action needed: either share the store URL and theme details publicly or provide a correct CSS snippet that targets the mobile footer menu items in the Ride theme. Discussion remains open.
@FXTUL Can you please send me store url?
Hello, I sent you the website address yesterday. Can you take a look at it for me? Thanks!
Hello @FXTUL
This is GemPages - A powerful Page Builder. Regarding your question, I would like to give you some recommendations to support you
Go to your Online store > Themes > click 3 dots icons, Edit code > open theme.liquid and try adding the code below before :
Hope my recommendation can works and support for you!
Kind & Best regards!
GemPages
Hey, thanks for your answer. I tried, but it didn’t work.