I really like the idea of making your Web content more relevant, depending on the situation.…For example, when I'm on the go, and I need to check my flight information, I…don't want to wade through a bunch of sales and specials.…I want to be able to click on a schedule right away.…In this movie, we'll move our subnavigation, which you can see here in Full Size…over on the right: Blast Offs, My Tickets, etc. Front and center.…Now, there are a number of navigation CSS rules to change, so the technique I've…found most efficient is to go into my style.css file, go down to where the…navigation is, and I'm looking for submenu, not the main menu in this case.…

So I'll place my cursor in front of the first rule, and then scroll down until I…get to the end. That looks like the end right there; do a Shift+Click, copy that,…and now let's go over to style_phone.css. And after the header, I'm going to go…ahead and paste them in, and then let's go back to the top where it starts, at nav…submenu, and start to make our changes.…

Resume Transcript Auto-Scroll

Author

Released

3/3/2012

In this course, author Joseph Lowery shows how to build a mobile WordPress site in Adobe Dreamweaver. The course explains how to prepare a site to go mobile, optimize a site's styles for tablets and phones, and implement a full mobile redesign. The course also covers working with WordPress child themes, integrating media queries, incorporating screen-optimized graphics, designing for touch screens, and working with orientation changes. Exercise files accompany the course.