Shopify Quick Fixes

A collection of Liquid, CSS, and JavaScript snippets for resolving common Shopify theme issues. Drop-in solutions for frequent client requests.

Fixes Included

Liquid

• fixes/liquid/mobile-menu-fix.liquid — Fix hamburger menu not closing on navigation
• fixes/liquid/variant-selector-fix.liquid — Fix variant dropdowns not updating price/image

JavaScript

• fixes/js/cart-drawer-fix.js — Fix cart drawer not updating after add-to-cart
• fixes/js/announcement-bar-dismiss.js — Persistent dismiss for announcement bars

CSS

• fixes/css/product-grid-responsive.css — Responsive product grid for all screen sizes
• fixes/css/checkout-mobile-fix.css — Fix checkout layout on mobile devices

Usage

Liquid Fixes

Add to your theme via Online Store → Themes → Edit Code. Include snippets in your theme.liquid or relevant section files:

{% render 'mobile-menu-fix' %}

JavaScript Fixes

Add via theme.liquid before </body> or through a custom asset:

<script src="{{ 'cart-drawer-fix.js' | asset_url }}" defer></script>

CSS Fixes

Add via Online Store → Themes → Edit Code → Assets or through the theme customizer's Custom CSS field.

Compatibility

• Shopify OS 2.0 themes (Dawn, Sense, Craft, etc.)
• Older vintage themes (Debut, Brooklyn, Narrative)
• Custom themes

License

MIT