Website Update Mostly Complete

I slogged through and got the hard part done. Migrating the WordPress installation down one directory was blissfully easy and the rest of it was just applying elbow grease and being thorough. It’s nice having a true landing page. That said, the materials need some tweaking there and I have to make backing pages for some of the articles on the Roles page. I may add a couple more articles on the Portfolio page.

Everything looks OK on a regular computer but it’s not behaving the way I’d like on my phone. The Roles and Portfolio pages were showing up on my phone with the articles in two columns. Its actual pixel width is 750 so I set the responsive breakpoint to 860 pixels. It stretches the articles out so they’re up to 650 pixels across below a screen width of 860, which means they show up as only one column. Above a screen width of 860 the articles assume a standard maximum width of 350, which means they’ll display as many across as the screen width will fit (effectively up to four because I cap the page width at 1600). The idea was that 750 was less than 860 so the articles would be 650 and only show up as one column sized reasonably to most phones.

Problem: the effective pixel width of my iPhone 7 is 980 pixels. That’s larger than my breakpoint and yielded two columns of 350-pixel articles.

I quickly looked around for some kind of solution and tried the following (this appears to have no effect on desktop browsers):

In theory this should set the effective screen size to 600, which would be perfect for my needs. It would look good on most devices. This setting doesn’t appear to do what I thought it did, however. It looks like it fits about 2/3s of the image on the screen. Is this 600 / 980 -ish? I can pinch it into place but I have to do that for every new page, even after rebooting the phone, so that’s highly non-optimal.

This is annoying but it’ll have to keep for a bit. I’ll definitely be doing some more reading and experimenting until this makes sense to me. It may well take some coding. We shall see.

This entry was posted in Software and tagged , , . Bookmark the permalink.

Leave a Reply