Join Joseph Lowery for an in-depth discussion in this video Modifying the header and the navigation, part of Building Mobile Sites with Dreamweaver and WordPress.
Generally, I've found that I don't have to do much to bring the header and…navigation into proper focus for a tablet design.…Sometimes just the slightest tweak can make all the difference.…Now, looking at the submenu, which is this section -- that's blast offs, my tickets,…docking stations, etc -- you might think positioning is the problem, or line height.…But once you take a closer look at how this section is styled, which we can do…using the CSS Styles panel, and Inspect mode, and navigate over to this section --…one final bit of adjustment here; let's close Files panel so we can see…everything; there we go.…
Okay, so I'm going to hover over one of the submenu items, and use my left arrow…key to go up the DOM.…So the list item look okay; their height seems to be okay.…Looks like the width is at 100%, and if I go up to nav submenu, I can see that…it's absolutely positioned.…And I really don't want to have it go up and down when switching from Desktop to Tablet;…I would rather that stay the same,…
- Setting up an existing WordPress site
- Targeting configurable site elements
- Setting up media queries
- Preparing for adaptive images
- Styling a blog for tablets
- Restructuring navigation for different-sized displays
- Developing a WordPress site for phones
Skill Level Intermediate
Dreamweaver and WordPress: Core Conceptswith Joseph Lowery5h 44m Intermediate
WordPress Themes: Photography Portfolioswith Morten Rand-Hendriksen52m 58s Intermediate
1. Preparing Your Site to Go Mobile
Understanding media queries3m 50s
2. Retrofitting for Multiple Screens
3. Implementing a Full Mobile Redesign Strategy
4. Styling a Blog for Tablets
5. Developing a WordPress Site for Phones
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.