Hello, I use the fabric theme for my site http://hintmama.com and I'm trying to figure out how to optimize it for mobile.
I tried entering the sample code here: http://www.studiopress.com/design/website-respond-mobile-devices.htm
onto my CSS page and it didn't seem to work (the site looked the same on my phone before and after).
Does anyone have details on how I can modify that code for the fabric theme, or CSS code to turn the fabric theme into a mobile responsive one?
That theme hasn't been converted for responsive design yet. You will probably need to have it customized and tested for you.
Did anyone ever work out how to do this and would be willing to post the key points?
Gonna bump this once again because I would love to build the mobile capability into this theme, without using a plugin. Kind of want to learn how to do this from scratch so I can learn the process.
Does anyone have any suggestions where to start with building mobile capabilities into the current CSS? I've looked through the WordPress Codex and found only this sad little page: http://codex.wordpress.org/Styling_for_Mobile
Strictly from comparing the Fabric CSS to another, more recent Genesis theme (I went with Kickstart Pro) I can see that there are several things that should be updated just to make it HTML5 codeworthy, let alone Mobile-friendly.
I'll continue searching but thought I would post the question here too.
just for future reference, "bumping" might not be very effective because many of the regular posters look through the unanswered posts before maybe looking through the posts of the last couple of days with answers.
Here are just a few links to get you started:
You cannot just change the CSS to use HTML5 selectors because the theme is using the old XHTML markup.
(The new CSS selectors would not find their "target")
Just add the necessary media queries using the existing CSS selectors.
Thanks Christoph. I appreciate your advice and your help.
You must be logged in to reply to this topic.
Subscribe to get early access to new themes, discounts and brief updates about what's new with StudioPress!