• 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

mobile responsive

Are Website Header Banners Dead?

September 7, 2016 by Nancy Fields Leave a Comment

Does your website banner extend across the top of each page?

Sorry to break the bad news, but they just look old and outdated. That’s because long, horizontal website banners don’t look good on a mobile device, and mobile is what’s driving design these days.

Quick and easy web header banner check

To see what your website header banner looks like on an iPhone 5 — without leaving your desktop…

  1. Enter your URL in Chrome browser. If you don’t have Chrome installed click here to download.
  2. Right-Click (Mac = Control + Click) anywhere on the web page
  3. Choose Inspect
  4. Near the top left click on the little phone/tablet screen icon
  5. View your site in the browser window

webpage Chrome Inspect

Chrome mobile view check

Reuse & Recycle

Still love your web header banner? You don’t have to abandon it. Instead…

Tip One

Use it at the top of your e-newsletter to build your brand like Lacey did

 

MiCommunity Newsletter header banner

Tip Two

Replace your current WordPress theme with a mobile-friendly version that has a banner on the home page. Here are three examples of themes from StudioPress that accommodate a long, horizontal header banner and still pass the mobile-friendly test, plus look fresh and modern.

three StudioPress themes

Filed Under: business, WordPress Tagged With: Chrome, mobile responsive, mobile-friendly, web header banner, website header

Is Your Website Mobile-Friendly?

August 31, 2016 by Nancy Fields Leave a Comment

When viewed on a mobile phone or a tablet, does your website look exactly like the desktop version, only smaller?

Or does it look different on each device, like this theme from StudioPress?

StudioPress Foodie theme in three views

If your site looks identical on each device it’s time to change!

Over 50% of all online searches are done on a phone or tablet. If visitors can’t easily read your site, they will be gone…for ever. All the work you put into your site, and all the hours you spent creating your free offer and setting up your forms for list building will go down the drain.

Your time is important. Besides, your perfect customers need you, and you need to give them a good user experience so they’ll want to read your content and keep coming back.

Is your website is mobile-friendly?

It’s easy to check. Click on the link below and enter your URL (i.e. http://www.yoursitenamehere.com). You’ll learn if it’s mobile friendly, plus receive tips on how to fix it, if your site failed the test.

https://www.google.com/webmasters/tools/mobile-friendly/

Google Mobile-Friendly test page

How to make your site mobile responsive

The Easy Way

If you have a WordPress site you can simply change the theme to one the is already mobile responsive.

How to choose a mobile responsive theme through your WordPress Dashboard:

  • Dashboard —> Appearance —> Themes —> WordPress.org Themes (1-4 below)

WordPress Dashboard Appearance Themes

  • Click Feature Filter button (5 below)

WordPress Feature filter

  • Under Features choose Accessibility Ready and Flexible Header (6-7 below)
  • Click Apply Filters (8 below)
  • Choose a theme you like!

WordPress Feature filter

Easier Way

Chose any theme by StudioPress. That’s what I do.

StudioPress themes are perfect for business, plus they’re all mobile responsive.

The Harder, More Expensive Way

Call your website developer, or the person who built your site, and ask them to make your site mobile responsive.

Depending upon how your website was built, your developer may need to create 3 new designs:

  1. one for mobile
  2. one for tablets
  3. one for desktops

Your web developer will also be adding code “under the hood” of your website, called a media query. It will tell your website to display your web page in different screen resolutions. The version your visitor sees will depend on whether they are using a mobile phone, tablet, or desktop.

That’s a lot of work…and a big expense.

My recommendation

If you’re in business get a mobile responsive WordPress website. They’re economical plus you can maintain them yourself, which will save you lots of money in the long run.

Filed Under: business, WordPress Tagged With: mobile responsive, mobile-friendly

  • 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.