Anchor Tag Links in Secondary Sticky Bar

[ZaredRogers]

Description:

Add collapsible anchor tag links in a secondary sticky navigation bar for the new Tour Operator plugin. This will improve page navigation by allowing users to easily jump to specific sections of a page. The functionality should differ slightly between desktop and mobile:

• Desktop: Anchor tags should be visible and clickable, allowing users to scroll directly to the specified section when clicked, and the bar should stay stuck to the top of the screen.
• Mobile: Anchor tags should collapse into dropdown-style sections that can be opened and closed, making it easier for users to scroll through the page without navigation interference.

Requirements:

1. Implement a secondary sticky navigation bar containing anchor tag links for quick section access.
2. Desktop View:
   • Anchor tags are directly clickable, and clicking on a link scrolls the page to the associated section.
3. Mobile View:
   • Anchor tags collapse into dropdown sections.
   • Dropdown sections can be opened or closed, providing a streamlined scrolling experience.

Acceptance Criteria:

• Anchor tags in the secondary sticky bar are fully functional for desktop and mobile views.
• Desktop anchor tags scroll the page to the relevant section on click.
• Mobile dropdown sections collapse and expand as expected, and links scroll the page to the associated section when expanded.
• Styling aligns with the provided screenshots and design requirements.

Design Notes:

Refer to the provided screenshots for visual reference on layout and styling.

Links:

Desktop Single Tour Design
Single Tour

Mobile Single Tour Design
Single Accommodation
Single Tour