The Responsive Skin + Child Theme Starter Set for Thesis (new download)

by Alex Mangini · 122 comments

Did you know that out of the projected 106.7 million people who will own a smartphone this year, 94% of them will have access to the internet?

Today, people are buying and browsing content on mobile phones more than ever before.

Businesses are stepping up their mobile presence and trying to better engage this massive mobile upsurge.

Large and small businesses alike, there’s simply no ignoring the fact that mobile is a HUGE part of how we do online business. It may even take over completely sooner than we think…

That leads me to ask you this: What have you done to prepare your business for your mobile audience?

A Possible Solution: Responsive Design

Do you know what responsive design is? In a nutshell, it’s a design that will adjust and react to the width of the device it’s being loaded on (with the intention of better serving content to mobile viewers).

While responsive design has some drawbacks in terms of page optimization, it can undoubtedly improve the way your readers experience your site on mobile devices (as opposed to desktop computers or laptops).

That aside, people asked us to make Thesis responsive, and so we did.

The Responsive Skin + Child Theme Starter Set for Thesis (and it’s all yours, free)

Thesis allows you to conquer search engines, load your site fast, and design your own custom skin. Now, you can have a taste of mobile, too.

Ever since Matt released the starter skin and child theme templates, I’ve been working out the best way to make Thesis responsive and look better on mobile devices.

And I think I cracked it :D

By downloading this skin set, you get the framework for an ideal Thesis skin or child theme (thanks to Matt’s handy work), and you’ll also have a responsive version of Thesis right out of the box!

The best part is, you aren’t limited by the layout you choose. Create 1, 2, or 3 columns, change their widths and flip the column order around…it still stays responsive!

If you want to get an idea, go ahead and check out this demo I’ve set up, then start resizing your window (or browse on your smartphone!). You’ll notice that as your browser window gets smaller, the layout of Thesis will start to adapt.

This is the same framework I used to build my latest Thesis skin, and I’ll be using it on my future Thesis projects, too.

And now you can make it a part of your own projects as well. You can download the starter skin below, or if you develop child themes, scroll down a little to download:

Download the Responsive Starter Skin for Thesis

To install the starter skin, be sure to have a fresh install of the latest version of Thesis.

Then via FTP, upload the custom_functions.php and custom.css files you got in the download into your /custom folder located in root/wp-content/themes/thesis_184 (overwriting the old files). Then, re-save your settings in the Thesis options panel, and you’re set!

…or, if you want to develop a child theme, download this:

Download the Responsive Starter Child Theme for Thesis

To install the starter child theme, be sure to have a fresh install of the latest version of Thesis.

Now, login to your WordPress Dashboard and navigate to Appearance → Themes → Upload, then upload the “Responsive-Starter-Child-Theme.zip” file. Then, re-save your settings in the Thesis options panel, and you’re set!

Show-Off Your Responsive Site

Do you already have a responsive site using Thesis? Have you made something cool with these skin sets? Be sure to show your site off by leaving a comment below!

About the Author: Alex Mangini is the 18 year old founder of Kolakube. If you want to learn even more ways to boost your sites performance, you should check out his upcoming series called Beast Optimization.

If you enjoyed this article, enter your email below to get free updates!

{ 122 comments }

Bharat Chowdary

This is really fantastic stuff and I know the capabilities of Alex. Thanks for the free download :)

Alex Mangini

Glad you like it. :D

Sean Davis

Been waiting for this one to drop, Alex! I was going to make my site responsive, but when I realized you were creating this, I figured I’d sit back and let you do all the work. :P

Good job, dude. Not sure about the Tom Brady video, though! Haha

Alex Mangini

I get that one a lot. :D

I should have put a biking video up, shoot!

Richard Bohn

Derek: We would all appreciate a thoughtful 2.0 update!

Hesham

Hey Alex, this is really awesome!

I just download it now and will give it a go on my next skin, this will save me some time indeed!

You deserve a cookie :)

Campbell

Hey this is a big step in the right direction for Thesis!

this will not apply for me though as I have too much customization going on ans Serge’s Starter Child Theme in Place already. But, I recon I can look at the code and adapt the media queries towards my own site and make alterations to get it responsive.

@ Chris …BTW realy digging your Framework and I like it better than Genesis!
Cam

Alex Mangini

It’s not hard to implement if your child theme use the Thesis custom loop.

Alex Mangini

Awesome to hear.

dave litten

This sounds great, but I have just launched my Thesis/MD2 site above, and don’t want to screw it up. I just skimmed through the above, and the words ‘overwrite’ froze my brain. I have spent the last 3 weeks (which is when I purchased Thesis/MD2) in a huge learning curve to launch this site and don’t want to start over (Sean has been brilliant at ironing out my newbie brain). If I have spend any MORE hours at the Forum, then you’ll have to start sending me birthday presents/cards/inviting me to weddings/etc….

Regards, Dave

Alex Mangini

Dave,

Nice seeing you outside the Kolakube forums too. :D

Don’t worry, MD2 will be responsive out of the box. Just give me some time to work on that and you’ll get your hands on it.

Greg Scudder

Will we be able to update a MD2 site, or will we have to do a new install?
Love MD2, by the way.

Alex Mangini

Hey Greg,

MD2 will be responsive, stay tuned!

Annie Sisk (Stage Presence)

Very awesome stuff – now THIS is epic, Alex! :D

Alex Mangini

Glad you think so, thanks!

Raymond Parker

“(overwriting the old files)” What if, like me, you already have extensive customizations?

Alex Mangini

Raymond,

This was meant to be used as an addition to the starter template Matt created. So when you go to create a new responsive skin/child theme, you can work off this.

Devesh

Hi Alex,

Fantastic theme. I was thinking of making my blog responsive, and within a few minutes I got the ‘Thesis newsletter’ mentioning this post.

A big thanks for sharing this one, Alex.

-Dev

Alex Mangini

Hope this gets you started in the right direction. :D

Steven Stern (@sds52)

Pretty cool. It works fine with my desktop, but I’m not seeing any changes on my iPhone.

Steven Stern (@sds52)

OK… here’s the issue. If I use your code,

add_action(‘thesis_hook_before_header’, array($this, ‘nav’));

it works. But if I want my menu below the header with

add_action(‘thesis_hook_after_header’, array($this, ‘nav’));

then it does not respond on the iPhone.

Alex Mangini

Wow, you got it implemented pretty fast. :D

Sorry, can you clarify what you mean? It works as it should when I test it.

Steven Stern (@sds52)

Hi, Alex. With the menu below the header, my site didn’t do the stuff I expect from a responsive site on a smart phone. When I moved the menu back above the header (as was in your code), then it worked fine. My preference is to have the menu closer to the body of the text, so below the header.

Alex Mangini

This is a screenshot of what I see when I move your menu below the header:

http://cl.ly/1o1z1K0h1E341u1J2x2f

That’s behaving how it should… what were you expecting? Something like this?

http://cl.ly/093G1F0x3A30290K090Y

If that’s what you were thinking, you can make that change by adding this:

. "\t.custom .menu li { float: none }\n"

before the final:

. "}\n"

in the css() fucntion in custom_functions.php

Steven Stern (@sds52)

Thanks!

Olga

It’s really a very pleasant gift, but I can’t “unpacked” it :). I have Thesis 1.8.4 and the new files are on the server, I resaved Thesis Site Options, Thesis Design Options, refreshed the site – but I don’t see any changes. Isn’t 1.8.4 the latest version? Or did I miss something?

Alex Mangini

Hey Olga,

Everything on your site looks alright, are you still having trouble?

Olga

Oh, its OK now, I cleaned cash, reloaded, resaved, rerefreshed and got it, my bugs don’t let me be bored :) Thanks a lot, great work, Alex!

Alex Mangini

Awesome!

Lori Sizemore

I’m really interested in doing this, but I’ve made a lot of changes to my costum.css file and I definitely don’t want to lose those. Do I add those to this new custom.css file, then replace?

I guess I could save my old files, try this, and if it doesn’t break–I’m good.

Thanks!

Alex Mangini

Hey Lori,

This responsive kit was made off the starter skin/child theme template Matt released a few weeks ago. Basically, it’s supposed to serve as a place for you to start when you are coding your new Thesis skin/child theme.

If you already use the starter template Matt released, then integrating this won’t be too hard to figure out.

If you just put a bunch of different functions into the custom_functions.php file (not using the starter template), then you can very easily copy and paste those functions into this responsive template, then place the add_action() and add_filter() calls into the new actions() and filters() functions as seen fit.

I hope that helps you. If not (and for anybody else who’s confused), send me an email here: http://kolakube.com/contact/

PS: Be sure to work off a demo site before you do this. None of your readers are interested in the white screen of death page, I’d bet. :D

Christine

I have a question related to two comments above: if we’ve already invested many hours and dollars in creating a website with the old Thesis skin, is this one of any use to us? And if so, how do we avoid damaging any content or customization we’ve already got?

Thank you,
Christine

Alex Mangini

Hey Christine,

See my reply to Lori above. I hope it sheds some light on things. Feel free to contact me and we can talk about how you can approach integrating this.

Mountain

If you just look at the header, images and dummy content, you can see that I’ve been going responsive in my redesign.

http://tct3.sprockstudio.com/adventures-in-dining/

Looking forward to updating!

Alex Mangini

Wow, your site looks incredible.

The great part about this starter template is that it will make everything dynamic. So, you will be free to change the widths, column order, etc. of your pages without having to worry about updating your media queries in your CSS file!

Mountain

Thanks for the compliment and thanks for all the help.

Obviously that link is a work in progress on a test server. But, as far as the images, copy and header goes, it’s exactly what I want.

zimbrul

For some reason the last menu item labelled THESIS SKINS is “dead” on my iPad.

Alex Mangini

Can you explain more about the “dead” part?

zimbrul

Dead=doesn’t do anything when I click on it.

Donny Gamble

Hi Alex,

Will you be making the Marketers Delight skin compatible with mobile phones and the iPhone?

I can’t seem to find a good mobile plugin that works well with Thesis

Alex Mangini

Donny,

Yes, I will be. Stay tuned. :D

Sreejesh

This is the best thing you could do. Nice move.

Alex Mangini

You really think this the best we could do? Believe me, there’s things the DIY crew is working on that makes best look like crap. :D

faisal

Is this mobile only?

Alex Mangini

Well, this makes your website content easier to read on a mobile device.

Dennis O'Brien

Ok so as I understand it this ONLY goes for a fresh install of thesis_184 with the starter skin and child theme templates. So for those like me who have an established site and don’t want to mess with it you can use Kristarella’s Mobile Child Theme ($2 – Google it if you don’t now her site) with WP Mobile Detector plugin (free). It won’t change your current Thesis design just makes it responsive for any Mobile device. Simple to use just upload the Mobile Child Theme install the plugin and select the Mobile Child Theme via the WP Mobile Detector settings menu and your good to go.

Steven Stern (@sds52)

Dennis: I copied/pasted the custom.php and custom.css into my existing custom files and “it just worked”. I expect it depends on how much customization you’ve done.

Dennis O'Brien

Thanks Steven I might try that then. I admit I got a bit lost between reading the posts about the starter skin/child theme templates. It would be nice to have sites viewable at other resolutions as well as Mobile Devices. I’m not sure those in the video marketing niche would have too many differing resolutions. I could be wrong so I’ll just have to ask them I guess :)

And BIG THANKS for you Alex you’ve done a terrific job on this. There has been some talk in a Facebook Group about responsive themes and I have posted the article reference.

Gary

It works awesome. I also am trying to make the nav menu show up somewhere else. I am wondering if there is a way to (imagine) have a header that is seperated in half horizontally with the left side being a logo, and the right side being a nav menu … Is there a way for you to tell it once it scales down to a certain point for the left side to then become 100% width and have the nav drop below it at 100% as well, rather than having them both have to scale down to 50% the whole time?

Very sorry if this doesn’t make any sense, just trying to get going with this awesome theme skin.

Thanks for creating it … looking forward to figuring it out.

Alex Mangini

Hey Gary,

I think you are looking for the response I made to Steven Stern above. Check that out and let me know.

brucecat

Just saw this in my inbox. Thanks for another awesome skin :)

Alex Mangini

I always have a good time making skins, glad you like it!

Marlon

It triggers an error on my multisite.
Fatal error: Cannot redeclare class thesis_skin_example in line 119

Alex Mangini

Marlon,

You must already have the starter template in action elsewhere. You can only use the thesis_skin_example once, otherwise you have to change the name of it.

Damon

Alex

if I already have a bunch of custom functions and css… can I just copy and paste the functions and css from the responsive starter skin into my existing custom functions and css?? Is it as easy as that or does it have to be a fresh install??

Alex Mangini

Damon,

The answer is “pretty much, yes.” I do recommend you start from a fresh install of this template, then copying and pasting your functions into the class.

You can paste your functions inside the starter template class, but opposed to just throwing add_action('thesis_hook_x', 'function_name'); anywhere, you have to place the add action inside the actions() function.

If you have even the simplest understanding of how PHP works, you should be able to figure out exactly what I mean by glancing over the starter template code for a few moments and understanding what it’s all about.

Like I said above though, if you (or anybody else) needs help porting their skin/child theme to this, shoot me an email here: http://kolakube.com/contact/

Damon

Alex

The copy and paste worked nicely. I’ve been looking for something like this for a while but this is more intuitive than anything I’ve found. I’ll skip over to your site and buy one of your skins as away of saying thanks. Thanks again Alex. Damon

Tho Huynh

Responsive theme is a trend. Thank god, finally, Thesis has catched up with this trend. Thank you so much Alex :)

Alex Mangini

I wouldn’t call responsive design a trend, and I wouldn’t say “Thesis has finally caught up with it,” either. It’s still an incomplete solution to a problem we all face as business owners. So not much to “get caught up on.”

But I’m glad you like it. :D

Bradley

Awesome work Alex!! I just started making a responsive site with Thesis for a client so I think you just saved me some time! Thanks bud.

Alex Mangini

Happy to hear it’s helped you. :)

peter

So far I have checked it at home only, and it works well. Well done Alex and well done DIYthemes for listening to the customer.

Alex Mangini

Glad you like it Peter!

Josh @ Live Well Simply

Works great! Many thanks!

Alex Mangini

Your welcome!

Sandi

Hey Alex,

This is awesome! I have a question about the header. If I am using a header image say a width of 980px which of course is a fixed width so would not reduce in size with the browser. I was thinking of splitting a wide header into say 3 pieces as a nested div? What would you suggest?

Jazzy Wright

Do you recommend using a mobile CSS plugin for WordPress or creating a mobile CSS?

Alex Mangini

Can you be a little more clear in what you’re asking? Are you asking about creating a mobile site vs. a responsive site?

Dennis O'Brien

I copied/pasted the custom.php and custom.css into my existing custom files (thanks Steve Hearn) and it works with text and YouTube video. It doesn’t seem to work with my EasyFLV video player though which calls javascript. There is an option to use HTML which i should be using to generate the code anyway so I’ll try that. It didn’t work with iFrames though but Kristerella’s Mobile Child Theme will be fine for those sites. If there are any problems after I swap out the javascript for html I’ll post. If not then again I say GREAT JOB to Alex. I can see this being a great feature for future releases of Thesis so I hope they purchase a license from you :)

Alex Mangini

Let me know if that works. Otherwise, please share your findings of any bugs/etc. with me here: http://kolakube.com/contact/.

Glad you like the skin Dennis. :D

Jasjot

Thanks Alex !! :) Any luck for adding breadcrumbs at the top of the site? Plus, any way we can remove the “website” option in the comments form in Thesis?

Alex Mangini
Minesh

Hi Alex,
Nice work done by you. You made thesis alive again.
I have installed fresh thesis starter template in my one of the testing website.
Then i used responsive template and also checked it and yes. its responsive.

Then after i added my content back in both custom.css file as well as custom_functions.php to get back all the modifications and styling back.

For your information i used the copied style of well known Neil Patel’s page where he sells his product and as far as i know you are the guy behind the design of QuickSprout.Com

And after putting content on my dummy website that is
http://clickblow.com/
i checked back weather its responsive or not.

And i got little upset. its not responsive.
Can you tell me what should i do now??

Alex Mangini

Yeah, I coded his page up, but didn’t design it.

And I don’t see the responsive CSS in your layout.css file at all. Did you be sure to save your Design Options in the Thesis options panel afterwards?

Dinesh Verma

Alex you are making working with Thesis simpler and more efficient. And i must say your Kolakube skins are just awesome.

Rick

It doesn’t seem to be resizing properly on my iPad in landscape orientation (Safari). Much too wide. It’s OK in portrait.

Jessica Rose

This is great- thank you!

Similar question to Sandi-
Is there a way to make my header image scale with the rest of the content- so it does not get cut off? Is there a possibility to use a narrower header image (rather than the full page width) to scale better?

Trung Nguyen

This is awesome news for those who are using Thesis framework, great child theme :) Thanks Alex

Bob R

Great job but the child theme does not work on my site. The page looks stripped off css like in this screenshot http://awesomescreenshot.com/05f6cyj94

Dr. Lawrence Kindo

Thanks Alex. This is just cool!
Sure, the Thesis Team is becoming very responsive of late! (pun intended)

Keep it up Guys. You simply rock my world!

Dunia Maklumat

good job i like Responsive Starter Skin , thanks Alex Mangini :)

Jim

If I install this on my current thesis install, will my thesis site still look the same when it’s displayed on a normal computer screen?

Amandeep Singh

Awesome stuff, Alex

I have been waiting for this for so long and here it is…

I tried the demo set by you on my iPhone – are you going to do something about the Nav menu tabs which are coming in more than 1 line? They look a bit awkward and are spoiling the whole design…?

Brad Potts

My thoughts exactly Amandeep.

When you shrink the site the menu bar starts looking pretty ugly.

I like what Twitter Bootstrap did with their responsive framework menu, put a neat little icon on the right side and the menu just drops down a list.

andrew

This works great, thanks.

Emeric

@Alex, you are producing some amazing work. I think I will be purchasing MD2.

I also thought it would be a nice touch if you’d mark this post with some type of indicator that this is mainly for those who are starting with a Clean Install of Thesis as opposed to those who have customized designs set up.

If that were in the beginning of the article, I probably would have spent a few minutes less reading it and getting excited about it as a possible addition to my client’s sites. Plus, I imagine someone might have gotten really turned on and unintentionally deleted their custom files, without thinking about what they were doing.

However, I will be using it in the future.

Sincerely,
Emeric

Clement

Hi Alex, I am about to buy your MD2 theme but I am also keen to get my website responsive. Do I wait for it or it would be updated anyhow even after installing it for my website?

Clement

Hi Alex,

One word: Awesome!

Just wondering when you will get the MD2 responsive because I am just gonna wait for it!

syahrilhafiz

works great! sure will try this! Thanks man

Shekhar

In one word…awesome guys!!!!

Alvin Lim

The skin load the same as desktop view except the screen size has been squeeze to match mobile browser but other plugins and hooks make it look ugly. Do you have any tutorial to configure it to load faster and customize it such as removing sidebar, certain plugin, header image, ads and so on?

Or can it use back the original hook at custom _functions.php but with additional function (such as is_mobile() ) to detect whether current view is mobile or desktop then put different ads, nav, css?

Gyi Tsakalakis

Sweetness. One minor problem, post thumbnail image position doesn’t seem to be working correctly. Always renders aligned right with no text wrap.

Thanks for this.

Matthew

While very cool, my site loads really well on mobile devices due to Thesis + WP Super Cache. And it’s easy enough to double-tap to zoom that the text is as readable as if someone was using Instapaper.

Nevertheless, great work. I think this is far more applicable for addressing different screen sizes between desktops and netbooks and will have to take a look at it for a work site.

Swarup

Hey Alex,

Great post as always! It’s amazing how many design possibilities Thesis can blend into… Surprises me every time. I purchased your Chronicl skin for a client site. They just love it! Thanks for everything you do for the community.

By the way, I’ve been mulling over this responsive Thesis theme idea (without having to use a mobile switcher plugin) for the last few months. And — I think I cracked my version of it 3 days ago! Tested the site on my iPod Touch, my brother’s iPhone, my colleague’s Blackberry Playbook and Samsung Touch phone (not sure which model).

I’d love to know what you think about this responsive design: http://swillion.com

Many thanks,
Swarup

P.S. Though I’m personally not a programmer, I was able to build my version of a responsive theme from resources inside the Thesis User Guide and the awesome support Forum. Thanks Thesis team! You’re awesome :)

Jasjot

Hey Alex !
Whenever I try to update any setting in my “manage option” and click on the big arse save button, I get these error messages:

Warning: Invalid argument supplied for foreach() in /home/wwwjasjo/public_html/wp-content/themes/thesis_18/lib/classes/options_design.php on line 468

Warning: Invalid argument supplied for foreach() in /home/wwwjasjo/public_html/wp-content/themes/thesis_18/lib/classes/options_design.php on line 489

Warning: Cannot modify header information – headers already sent by (output started at /home/wwwjasjo/public_html/wp-content/themes/thesis_18/lib/classes/options_design.php:468) in /home/wwwjasjo/public_html/wp-includes/pluggable.php on line 866

Any help ??

Teo Coach

Im still thinking of whether or not updating Thesis cause Im not a programmer and dont want things going wrong and a new great update comes along… UF
(Im argentinian and everythings in spanish now and touched custom_functions.ph and also custom_style I think and also .po file.). I installed my Thesis Theme in January and it suggests to update to 3.3.2.

That said, I would love to install the Responsive complement to make my site http://www.teotrainer.com better than it is now cause now the I have the Wordpress Mobile Edition Plugin by carrington. Its fine but not as good as this new Responsive update I believe. Cause the plugin shows only text on the home page.

Im a bit annoyed about having to ask for help everytime. Im more tired asking than people helping. Im not going alone any more cause Ive messed a couple of times.

I ll see what goes along this days.

Tony Zeoli

I’m using your responsive design plug-in on my digitalstrategyworks.com site, but it does not resize the header image. Any plans to fix that?

Julie Cloutier

Hi, could you explain the difference between a child theme and a non child theme. For exemple, I bought the developers Licence, should I download the child theme responsive kit or not ? And if so, should I set an @import in the style.css file, like I usually do when I create child theme from other kind of WordPress template ? I thought there was no need to create child theme when using Thesis. Thank you

Caswell

Alex,

Would you mind looking at my forum post regarding trying to install your responsive code to my site. Slight problem.

http://diythemes.com/forums/showthread.php?73388-Problem-with-new-responsive-theme

Gary Meisner

Hi Alex,

The Responsive skin is brilliant in concept and execution. Makes my site look fantastic on an iPad or iPhone, better than just about any other site I’ve seen.

One request for you: When using Thesis without a header image the header text wraps responsively and nicely. If, however, you insert a header image using the standard Thesis header image tab then the image is cut off and the page as displayed on an iPhone can be scrolled horizontally to the far right outside of the text area.

It seems it would be better if the header image were resized to the width of the screen and the skin displayed the entire header image within the border used for the text below. What do you think?

Thanks for the great skin and work on this! Truly makes Wordpress with Thesis way ahead of everything else.

Sabrina

Just upgraded my thesis site using the code, it works great! Thank you so much :)

Robert

Hey Alex – First, a big thanks for the work on this skin. It’s great to have an easy-to-implement way to make Thesis responsive. I’ve just launched a restaurant site using it, and all but one things looks good: the header image (with the logo) added with the Thesis header uploader isn’t responsive, and it doesn’t appear at all when I view the site on my iPhone.

I’ve compromised a little by making the header image smaller and centered, but it would be nice to have it scale down once the browser window encroaches on it. I know the max-width: 100% style probably has something to do with it, but I’ve had no luck so far. The site is cilantrogrill.com if you want to look. Any suggestions would be appreciated. Thanks.

Nicole

I would like to give this a try but I was just wondering what you meant by “responsive design has some drawbacks in terms of page optimization”. If you can elaborate it would be much appreciated. I am not sure if this solution is the right one for my site since I wasn’t sure what you meant by this. Thanks!

Sean

Also, any idea how I can add code to monitor changes in the res and snap the screen to the correct width? <-rotating screen from portrait to landscape

Where do I add the code to hide the iphone address bar?

Ronald

Hi, what does the Child Theme starter do and look like? I tried to install it onto my fresh Thesis 1.8.5 but it just broke the site. Curious if I need it…

Sean

Delete my 2nd comment. Found the rotate-zoom iphone bug fix. I also added the scrollto code to hide the address bar. I’m curious why you put the breakpoint for tablets at 570px… ?

Ronald

Hi there,

I posted my issue with the child theme on the forum. Please help http://diythemes.com/forums/showthread.php?74099-Thesis-Blog-Post-Does-NOT-work-%28screencast%29.-Tried-The-Responsive-Skin-Child-Theme-Starter…&p=339512#post339512

Ronald

Ok, thanks to Girlie on the forum, I pointed the child theme to find 1.8.5 and it’s working.

BUT…. now that its working….the child theme looks exactly the same as the first responsive hack by Alex… Is it supposed to look the same? Does the child theme actually DO anything different from the original responsive hack?

Thanks.

Sean E

Alex,

Can you please explain this (and similar) lines of code? Trying to add in a bit more responsiveness and pick a few additional break points, but can’t figure out where to do that. Or, maybe a more direct question, how would we do that working with what you have created?

. “@media screen and (max-width: ” . round((($thesis_css->widths['container'] + ($thesis_css->base['page_padding'] * 2)) / $thesis_css->base['num']) * 10, 1) . “px)

Thanks

Sean

Sean

Is there something in the code you provided that rewrites layout.css? I made one small change in the @media section at the bottom yet the file keeps reverting. Maddening.

Brandon

I’m not sure what’s going on, but I can’t access design options anymore.

When I activate just the thesis theme (ver. 184), everything is fine. But when I activate my child-theme, I get a timeout status after waiting on “Design Options” to load.

Mind helping me out with this issue?

Brandon

Ok so I think I’ve found out what the problem is. There seems to be an issue with me creating a new “custom” folder in my child theme directory. Everything is just fine until I do that.

But if I don’t do it, then I can’t perform the advanced customizations that I need to do. For some reason the CSS I add in style.css doesn’t register. The same thing goes with the specific functions I add to functions.php. They both have to be added into custom.css or custom-functions.css or the change isn’t registered.

Does anyone know a way around this?

Steve Windsor

So after installing it totally broke my thesis 1.8.5 installation with a database query error. I noticed that it was trying to call something from the thesis18_4 directory.

So I changed the name of the thesis18_5 dir to thesis18_4 (what it was trying to find) and that fixed it. I suppose I can go into custom functions and change it that way too.

Forewarned. During future upgrades this may happen depending on whether or not the directory name is changed.

Steve

Sue

I have a test site that I installed the responsive skin and it works great, but my the embedded YouTube video isn’t playing on my friends android phone? She says it just shows up as a black box and there is no way to play it. Has anyone else has this issue?

And on my new android phone, the video shows up, and it plays, but it doesn’t appear to be responsive. It’s not resizing. Everything else is though. My test site is ThesisRules.com

Please advise.

Thanks!

Mark Vernik

Love the responsive theme and it couldn’t have come at any better moment. Thank you for your work.

Mark Vernik

One note: the only thing not responsive is the custom header that I used on the site. Sounds like others have the same issue. Will look but hopefully someone has an easy fix.

John

I am no coder. With the guidance of Rick Anderson I have built two websites with Thesis and have began work on two more. Site appearance is important to me and my Google tell me that I had better start paying attention to mobil (like yesterday).
Anyhow, after reading about The Responsive Skin + Child Theme Starter Set for Thesis I am still not certain about it and what to do since I am not ready to be tinkering with code. Should I hire someone to help with this? I hate to hand off my site development to another person since my site is my own creation (minus the logo work I paid a graphic artist to do).

Samuel

Hi Alex, thanks for sharing this!

I have one slight issue. After installing on a fresh copy of WP and Thesis 1.8.5, I get this error in the footer –

Warning: call_user_func_array() expects parameter 1 to be a valid callback, function ‘copyright’ not found or invalid function name in /public_html/beta/wp-includes/plugin.php on line 403.

Anyone know what to do about this?

thanks.

Ash Nallawalla

Could you please edit the article with comments for those who are starting with 1.85 in case something isn’t needed?

Alisa Bobzien

Hi,

I have a couple issues I haven’t been able to figure out. Any help with the following is greatly appreciated!

1. My site looks great on my 21.5″ iMac monitor. Because it is responsive, it displays differently on my iPad. I would like to add custom code so that it displays in the exact same arrangement on my iPad (landscape display 2048 x 1344) and all screen sizes in between as it does full size on my iMac, just scaled down to fit.

There are two main problems
• some items in the nav bar get bumped down to a second line. I would like them to all stay on the same line aligned horizontally and just shrink to fit.
• one of the 3 boxes along the bottom of the site is getting bumped down to a second line. Same as the nav bar, I would like these 3 boxes to stay aligned horizontally and shrink to fit (including the content they contain).

2. The images in my blog posts don’t resize responsively.

I know 2.0 is responsive but I would rather fix these problems and continue to use 1.85 until the bugs are sorted out.

Thanks so much,
Alisa

2.

Matthew

Does this work with Thesis 2.0?

Gracie Ruth

Hi Alex,
Do you know if responsive skin works with Thesis 1.8.5? I downloaded the files, but it is not working :( Please, advice. Thank you! :)