Force ipad into two-column layout

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

Hi All,

I'm trying to force a specific section with four-columns to instead go into a two-column view when on an ipad.  The four columns are just too narrow on the ipad screen and the text spacing gets very unreliable and unappealing. 

The section in question is the second section with the blue background on the homepage (attached screenshot) at https://www.daraastmanncoaching.com/

I've seen some others request similar help, but I've not been able to customize those solutions properly for this website.  Am hoping for any help!  Thanks!

Best,
-Scott

On 1/29/2022 at 7:13 AM, tuanphan said:

Add to Design > Custom CSS

/* Homepage-Tablet-2columns */
@media screen and (max-width:1024px) and (min-width:768px) {
div#page-section-617842b2b7108941f46ea0cd .span-6 {
    width: 100%;
}
div#page-section-617842b2b7108941f46ea0cd .span-6 ~ .span-3 {
    width: 50%;
}
}

 

This worked beautifully - thank you as always!