Sarah Moyer

WordPress Development for Web Agencies

  • Home
  • Work with Me
    • for Agencies
    • for Designers
    • for Business Owners
    • FAQs
    • Website Care
  • Portfolio
  • Blog
  • Contact

Mobile Responsive Header

I was given an approved header design in PSD:

Marianne-Songbird-header-1

This design only worked on very large desktop screen sizes. To accommodate all screen sizes, I designed smaller versions, keeping the same feel.

Design for desktop:Marianne-Songbird-header-2

Design for tablet:

Marianne-Songbird-header-3

Design for phone:

Marianne-Songbird-header-4

I separated each element into its own graphic or HTML piece. Some are clickable. All are fluid to adjust for screen size. Then I built it. See the mobile responsive header in action.

Was this post helpful?

See My Work PSD to WordPress Web Design WordPress Development

Recommended Resources

Copyright © 2021 by Sarah Moyer · Privacy Policy