How to Build a Responsive Frame for a Wordpress Theme


show more Creating a responsive frame provides you with in-depth training on Web. Taught by Morten Rand-Hendriksen as part of the WordPress: Building Responsive Themes show less
please wait ...

Creating a responsive frame

When you start building a responsive theme the first thing you need to do is make sure the frame--so the outer edges of this entire site--is responsive so than when you resize the browser the content inside starts flowing instead of staying the same. As you can see from this demo, you'll see that currently, it does not flow. So this is not responsive frame. This also gives you a preview of the more in-depth media query tweaking we'll do for the rest of the course, and I'll also get a chance to show you how I used the Web Developer tools in Chrome to figure out what styles I need to tweak.

To make the frame responsive, we need to work with the style.css file that's found inside our theme. So I'll go to my WordPress installation on my computer, go to wp-content/themes, then Anaximander, and then find style.css down here at the bottom, and I'll open that in my code editor. If we go back to the browser, I'll do right- click on some of the content in my ...

Creating a responsive frame
Video duration: 5m 12s 2h 55m Intermediate

Viewers:

Creating a responsive frame provides you with in-depth training on Web. Taught by Morten Rand-Hendriksen as part of the WordPress: Building Responsive Themes

Subject:
Web
Software:
WordPress
Author:
please wait ...