I was fairly happy with how my current design turned out, but I had made a fairly big mistake and forgot to check everything before calling it done.
Yep, I forgot to check it in mobile mode. My header, and apparently anything after the circle icons, won’t scale. So it ends up looking like this:
Sidenote/rant: What the heck, WordPress? Every time I come back to do a post, something else in the editor that I used to use has disappeared. First it was the button to open the smilies. Now it’s the extra functions on the image editor to add padding and stuff to images if I want to align text and give the image some space. I LIKED those functions, and used the latter quite frequently when adding images. This does not sit well with me. /end sidenote/rant.
Anyway. So looking up my site in a regular Google search from my phone, it shows as “mobile-friendly”. Hah. Yeah, it’s somewhat mobile friendly, but it’s uuuugly, and I sure wouldn’t stick around if I were a visitor. So it’s back to the drawing board for me.
Truth be told, I had used a piece of software that was akin to a WYSIWYG to get the look of the site to build a custom theme vs. trying to tear down an existing theme from someone else and make it custom, and then tried to wedge it into fit with working with Genesis. So that, while probably a fine idea for regular child themes not using Genesis, probably wasn’t the way to go here, even though it touts the fact that themes can be exported and used anywhere. To be fair, I don’t recall testing out mobile before I exported it, so it was probably mostly my fault. But overall it caused additional headaches that I had to go back and keep adjusting the CSS to get things to display properly.
And I thought I’d found all the quirks and fixed those, but apparently not:
That is my monthly archive page. Note the lack of a header. *sigh* That missing header issue plagued many of my pages; for some reason the CSS to include the header seemed to be very specific and wouldn’t display unless I specifically called the page type in the CSS. Guess I missed this one.
Why try the “shortcut” you may be wondering? Well, I am still trying to wrap my head around building a theme from scratch vs. customizing an existing one. Customizing an existing theme is fairly straightforward. But making one from scratch, not so much. A lot of moving parts go into making a theme appear out of thin air hand in hand with Genesis & WordPress, so when I found something that might make that go faster by making something the way I wanted it to look right out of the gate, and allow me to look under the hood afterward to see how it was built, I figured that would be a good thing. In some circumstances, it probably could be. But it just didn’t work out this time.
So, I’ll be rebuilding everything, this time from scratch. I want to get it right, and if that takes me several days and hours to do it, so be it. In the meantime, I apologize for any other quirks that you may stumble upon and for the sad looking mobile version.
Oh, and more than likely it probably will have the same layout style as my current design has, but it will probably be a different color scheme. I’m still nailing down my ‘brand’, so to speak.