Customizing for tablets


show more Customizing for tablets provides you with in-depth training on Web. Taught by Joseph Lowery as part of the Dreamweaver and WordPress: Core Concepts show less
please wait ...

Customizing for tablets

In this lesson I'll show you how to retrofit a Desktop design for a tablet-size screen, specifically one that is between 321 pixels and 768 pixels wide. Let me show you what we're going to do for the blog_comp first. So I have my full-size Desktop size screen now. Let's go to Tablet size, and there is lot of differences here, some of them more subtle than others. The first thing is that the navigation is a little bit tighter in order to fit in this area, and also you can see if you look carefully that the navigation overlay--that's this brown area here--actually ends before the edge of the screen, so we'll need to adjust that as well.

Next--and perhaps most visually important-- the main content area is much narrower than it was before, whereas the sidebar is exactly the same width. Now this is obviously a design choice. You may opt to reduce both the main content and sidebar proportionally. And then as we look down further, it looks like there is some changes that will need to ...

Customizing for tablets
Video duration: 12m 19s 5h 44m Intermediate Updated Oct 23, 2012

Viewers:

Customizing for tablets provides you with in-depth training on Web. Taught by Joseph Lowery as part of the Dreamweaver and WordPress: Core Concepts

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