I want to put the pictograms next to the accordeon text on the phone option instead of underneath. Can someone help me with the code?
Topic summary
Main issue: Place pictogram icons next to accordion text on mobile (rather than underneath) on a Shopify page.
-
View 1: Icons and titles live in different element hierarchies, so true side‑by‑side on mobile needs file/template modifications. CSS-only fixes are fragile and may break when sections update. Suggested alternatives: generate a new section in the theme editor designed with icons next to titles, or hire customization help.
-
View 2: Potentially no custom code needed. In the theme editor, use a Group block and set its layout “direction” to control horizontal vs. vertical placement. Screenshots were shared to illustrate repositioning (e.g., price). Some CSS may still be required for refinement, and many blocks revert to vertical stacking on mobile.
Status/outcome: No confirmed solution implemented. Two paths proposed—structural theme changes vs. theme editor configuration with optional CSS. Open question: whether the current section supports Group block layout on mobile without custom edits.
1 Like
Hi @PULSECOLLECTION the icons and titles are in different element hierarchies requiring file modifications making it an advanced theme customization beyond the scope of the forums to make bespoke section logic.
CSS band-aids might be possible but wouldn’t be updated when sections update making that approach fragile.
To DIY with your time try asking the section generator in the theme editor to make a similar section but with the icons set next to titles.
Keeping in mind you are asking “AI” to cram more into less.
Or you can reach out to me for customization services.
CLICK my profile-pic or visit my profile on the forums
ALWAYS include context in new communications, e.g. reference urls, posts urls, etc
Technically, you do not need a code.
When you add a “Group” block you have choice of “layout”=> “direction”
For example – see how price is repositioned:
You may need to add some custom CSS still to make it better, but this depends on what settings you have in this section/blocks.
Most blocks fall back to “Vertical” layout on mobile.