Apologies for reaching out, as I usually try to figure things out on my own. However, after spending hours reading through countless pages with no success, I am at my wit's end.
I'm struggling to create a 4-column 'home' landing page for desktop and iPad, which will switch to 2 columns on subpages. When viewed on an iPhone, I want it to display 2 columns only.
So far, I've been unsuccessful in achieving this goal. Whether I get a scaled-down version of the 4 columns or just 1 column on the iPhone screen, it doesn't work for me.
I have provided an image illustrating what I'm aiming for, but I would greatly appreciate guidance from anyone experienced in this area. I am using WordPress and have attempted Bootstrap, responsive themes, and Bones, all with the same unsatisfactory outcome. Each utilizes a responsive fluid grid, but I seem to be missing something crucial. Any help would be tremendously valuable.