Mobile View Columns ∞ Home Page

Site URL: https://www.imagineifnyc.com

Hi,

I have been following this thread the last day or so and cannot get the code to work for 2column view on mobile 😞
on my home page. It works and displays well on desktop view but not on mobile. Could use any help w /this.

* side note on my latest drops page it works just not the homepage, I'm lost. 

Hi. Add to Design > Custom CSS > then save & reload your site

/* Home summary */
@media screen and (max-width:767px) {
body.homepage .summary-item {
    width: 50% !important;
    float: left !important;
    clear: none !important;
}
body.homepage .summary-item:nth-child(2n+1) {
    clear: left !important;
}
}

Thank you!! That did it 🙂 Looks so much better on mobile and I think will help the user experience better now. Greatly appreciated!

∞ "Imagine IF..." ∞

On 3/26/2021 at 9:18 PM, imagineifnyc said:

Thank you!! That did it 🙂 Looks so much better on mobile and I think will help the user experience better now. Greatly appreciated!

∞ "Imagine IF..." ∞

I see some pages on mobile have very long content. You should consider adding a back to top button.

On 6/18/2021 at 4:21 PM, imagineifnyc said:

Thank you! Just seeing this. Good insight. Im working on probably making some changes so hopefully this will come in handy soon. 😃

tuanphan Thanks so much for this tip I just added this code finally and it works like a charm. 🙂 Greatly appreciated.