@dmwwebartisan are you still going to help please?
Topic summary
A user encountered an issue where CSS code intended to reduce spacing between footer quick links on mobile appeared as visible text at the bottom of their Shopify store page. The code was originally added to theme.css but displayed as plain text even after removal.
Solutions provided:
-
LitExtension’s approach: Navigate to Layout > theme.liquid file, locate the ‘@media (max-width: 750px)’ section at the bottom, and delete it. The issue occurred because CSS code was placed directly in HTML without proper
<style>tags. -
SC_ART’s method: Go to Shopify dashboard > Online Store > three dots next to ‘Customise’ > Edit Code > Theme.Liquid > scroll to bottom, find and highlight the matching footer code, then delete it.
Multiple users confirmed this solution worked. A screenshot reference was provided showing the exact location of the problematic code in the theme.liquid file.
Additional note: One commenter observed the issue wasn’t visible on their end and flagged a separate problem with the store’s password modal not displaying correctly.