sean.atkins

On 4/22/2022 at 9:15 AM, tuanphan said:

Add to Design > Custom CSS

/* all-clients mobile */
@media screen and (max-width:767px) {
div#block-e469ca92430b25cddc8d+.row .span-6 {
    width: 50% !important;
    float: left !important;
}
div#block-e469ca92430b25cddc8d+.row .span-6 * {
    font-size: 14px;
}}

 

Thank you that's almost perfect, the last two clients on the page seam to be full width though still. Can I fix this myself or does it need different code? Thanks

Thank you that's almost perfect, the last two clients on the page seam to be full width though still. Can I fix this myself or does it need different code? Thanks

Site URL: https://www.josarsby.com/all-clients

So this page has been arranged so that content is listed alphabetically which is fine on desktop/tablet view however when viewed from mobile device the content is stacked as if the two columns are on top of eachother and no longer in order.

I've seen previous fixes for this on other templates using code to make the columns side by side on mobile view and this could be the right solution. Is there a fix for this?

Thanks