ObserviX × R&R TV Mounting

Header, menu and footer

DoneBuilding the website

A header that stays with the visitor, a photo menu of your services, a phone menu that is easy to use with one thumb, and a full footer with every contact.

What we did

  • A floating white header that stays at the top while scrolling and turns slightly see-through, with your phone number and the "Free quote" button always in reach.
  • A photo menu for Services: hover or tap Services and all six services open as photo cards inside the header.
  • A phone menu: the burger button opens a full-screen list; Services folds open; the two main actions — the 15% offer and Call now — sit at the bottom under the thumb. The page behind does not scroll, and the Esc key or the ✕ closes it.
  • A navy footer with three columns of links, your phone, email, address and hours, and round buttons for Instagram, Facebook and Google.
  • A hidden "Skip to content" link for keyboard and screen-reader users.
┌───────────────────────────────────────────────────────────────────────────────────┐
│ R&R TV MOUNTING   Services v  Projects  About  Blog  Contact  Phone  [Free quote] │
└───────────────────────────────────────────────────────────────────────────────────┘
                    └─▶ 6 service photos open inside the header
Phone:  [Free quote] [menu] ─▶ full-screen menu, actions at the bottom

How it looks

Services opens a photo menu inside the header
Services opens a photo menu inside the header
The phone menu with the main actions at the bottom
The phone menu with the main actions at the bottom
The footer with every contact
The footer with every contact

Why it matters

Wherever a visitor is on any page, the phone number and the quote button are one tap away.