Mobile Header Test Page

Mobile Header Features Test

✅ Mobile CTA Buttons

On mobile devices, you should see "Call" and "Book" buttons in the header next to the hamburger menu.

✅ Mobile Navigation Menu

Tap the hamburger menu (☰) to open the mobile navigation with all menu items and action buttons.

✅ Responsive Design

The header should adapt properly across different mobile screen sizes (320px - 768px).

✅ Menu Toggle Animation

The hamburger menu should animate to an X when opened and back when closed.

Test Instructions

  1. Resize your browser to mobile width (< 768px) or use mobile device
  2. Verify that "Call" and "Book" buttons are visible in the header
  3. Click the hamburger menu (☰) to open the mobile navigation
  4. Verify that the menu opens with all navigation items
  5. Test the dropdown menus within the mobile navigation
  6. Click on a navigation link to verify the menu closes
  7. Test the "Call Bernie" and "Schedule Service" buttons in the mobile menu

Booking Section

This section is used to test the "Schedule Service" button functionality. When you click the "Book" or "Schedule Service" buttons, the page should scroll to this section.