Admin: Gluten Free, now Mobile Friendlier

[runpunkrun]

Hey everybody, just letting you know I made some adjustments to the comm's theme in an attempt to make it more mobile friendly. I'm not saying I entirely succeeded, but the largest problems are now missing from my tiny screen. If you have a different experience, please let me know, and I'll see what I can do.

Comments

Thanks! for stylin'

[jesse_the_k]

With Safari on iOS 15, the entry titles seem to be in a very narrow column (my fonts are large):

Re: Thanks! for stylin'

[runpunkrun]

I have the same problem in Chrome but can't identify the source. :(

I'll ask the folks on the journal customization comm if they can help.

Re: Thanks! for stylin'

[runpunkrun]

Okay, I kicked the css again and the entry titles should now stretch across the screen instead of being in a ridiculous stack.

[sonia]

Thank you!! For what it's worth, looks fine on my phone. (iPhone SE 2, default font size)

It looks like the column with the icon is extending all the way to the top? It's trying to wrap the title around it, and then pushing the icon down? This is from a non-CSS wrangler, so i don't know if that helps at all.

I'm curious how it looks if you turn the phone sideways, and if that helps figure out why the title is constricted in that part of the layout.

[runpunkrun]

I had the same feeling about the space above the icon. I can't see any sign of it in the css, but I'm no expert.

If I turn my phone sideways, the title of this post is in one line and the icon is just a bit higher in relation to the entry.

[runpunkrun]

I think I figured it out. The header element, which includes the entry title, had a ridiculously large right margin and on smaller screens it just didn't have the space to stretch out, so I turned that to zero and moved the icon down so it didn't get run over by the title. Et voila. :D

[sonia]

🎉 All my respect!

Your CSS Wizardry

[jesse_the_k]

is much appreciated!