thankyou
Topic summary
Goal: Hide the Multicolumn section in Shopify Dawn on mobile for a specific page (/pages/ziweidoushu).
Proposed approaches:
- CSS route: Add a media query in assets/section-multicolumn.css to hide .multicolumn-list on screens ≤749px; another variant hid specific multicolumn elements (title, slider, button) for both desktop and mobile.
- Page-specific route: Use a Liquid condition in sections/multicolumn.liquid targeting the page handle (page.handle == “ziweidoushu”) to control visibility, with guidance to differentiate mobile-only vs both devices.
Key clarifications:
- Code should be added in the section file (sections/multicolumn.liquid), not in the CSS file, when using Liquid conditions.
- “page.handle” is the page’s unique identifier used to target a single page.
Outcome:
- After sharing the exact page URL and confirming the need to hide on mobile, the user implemented the Liquid-based solution in multicolumn.liquid and confirmed the issue was resolved.
- Screenshots were exchanged to verify code placement and results. The thread is resolved; no outstanding questions.
1 Like