Description:

We need to create a secondary sticky navigation menu for the Single templates (e.g., tours, accommodations, destinations). This menu will include anchor links to various sections of the page, making it easier for users to navigate long pages. Both design and development are required to implement this feature.

Requirements:

• Design: Create a secondary sticky navigation menu that blends with the overall design of the Single templates.

  • The menu should remain fixed at the top of the page as users scroll.
  • It should be visually distinct yet unobtrusive, allowing users to navigate to different sections easily.

• Development: Implement the sticky navigation menu with anchor links pointing to specific sections of the page.

  • Anchor links should be added to relevant sections, such as "Overview", "Itinerary", "Pricing", etc.
  • The menu should scroll with the user and update to reflect the current section of the page.

• Ensure the sticky navigation menu is fully responsive and works well on both desktop and mobile devices.

Example:

• An example of this feature can be found on this page: Botswana Belmond Safaris Special.

Reference:

• Old site example: Tour Operator Demo

Acceptance Criteria:

• A secondary sticky navigation menu is designed and implemented across all Single templates.
• The menu includes anchor links to different sections of the page, enabling easy navigation on long pages.
• The menu is fully responsive and functions seamlessly across devices.
• The sticky nav should update to reflect the section the user is currently viewing as they scroll.

Additional Notes:

• Ensure the sticky navigation does not overlap or interfere with the main navigation or page content.
• Test across various browsers and devices to ensure smooth functionality.