• Skip to main content

Nancy Fields Graphic Design

Personalized profitable websites for coaches and authors

  • Website
    • Authors
      • Authors Website Templates
  • About
  • Before & After
  • Blog
  • Contact
  • Website Profitability QUIZ

Website Anatomy: Part 2 – Web Headers

February 21, 2015 by Nancy Fields Leave a Comment

Location Words Real Estate For Sale Sign Best Home

Your Most Valuable Real Estate

Your website header is on every page, and it’s often the first thing people see so treat it as your most valuable real estate.

Think Like a Pro

website header desktop and mobile view info graphicHeaders in mobile responsive themes are divided into two sections: left and right.

On a desktop your header will look long and narrow across the top of the page.

On a mobile device the header breaks in two: Header Left on top, Header Right stacking neatly underneath.

Top Left

The left side is for your company name, logo, and tagline

TIP No. 1: Make sure your logo is crisp and clear and fits the space.

TIP No. 2 : Choose a tagline that’s

  • Engaging
  • Descriptive
  • Memorable, and
  • Complementary to your business name…

…because you have only a few seconds to capture your visitors’ attention and tell them what you do.

Top Right

The top right is a widget area, and widgets can accommodate anything you wish. The size of your header widget area will vary, depending upon your theme. An average is 400 pixels wide X 200 pixels high: That’s small!

Any one of these can look great in the right side of your header:

  • Your navigation menu
  • A promotional video
  • Your new book
  • A product or,
  • An Irresistible Free Offer and/or
  • A request to signup for your newsletter

If You Need Help

Getting just the right graphic or promotional video into your header right widget area can be tricky. For example, creating a graphic requires a photo editing program such as iPiccy or Photoshop. After creating your graphic, you may need to do a bit of hand coding for your graphic to display. But wait…there’s more. Once the header right is “perfect,” your logo (on the left) may need to be resized.

If you get into a jam, and don’t have time, or the patience to figure it all out, contact a web designer or developer to do it for you. The least attractive website is one that is not yet up.

Filed Under: List Building, WordPress Tagged With: website header

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

  • Home
  • Contact
  • Facebook
  • LinkedIN

Copyright © 2023 · Infinity Pro on Genesis Framework · WordPress · Log in
This site is not a part of the Meta website or Meta Platforms, Inc. Additionally, This site is not endorsed by Meta in any way. Meta is a trademark of Meta Platforms, Inc.