fishyfishyfishkeeper Posted November 18, 2021 Share Posted November 18, 2021 Site URL: https://fishyfishyfishkeeper.com/collections I want to change my 5 column Summary block, into a 2 column on mobile view. Please help! Lemme know what CSS code to insert. I don't know the description for summary blocks. Link to comment
tuanphan Posted November 20, 2021 Share Posted November 20, 2021 (edited) Add to Design > Custom CSS /* Collections mobile 2 items */ @media screen and (max-width:767px) { div#page-section-61876cda1189e657e318ec4a { .summary-item-list { height: auto !important; } .summary-item { position: relative !important; top: unset !important; left: unset !important; width: calc(~"50% - 20px") !important; margin-right: 20px; height: auto !important; float: left !important; } } } Edited November 20, 2021 by tuanphan Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment