Single Post Navigation Enhancements

Type: Parent Issue / Epic

We need to improve navigation on single Tour, Destination, and Accommodation pages by introducing:

• A sticky anchor navigation for desktop/tablet.
• Collapsible/accordion-style sections for mobile devices.

This will improve user experience, especially for long, content-rich pages.

Child Issues

• Sticky Secondary Navigation on Single Pages
• Mobile Collapsible Sections / Anchored Menu Accordion

Goal

Provide easy navigation within single posts so users can quickly jump to different page sections without excessive scrolling.

Scope

• Design sticky anchor navigation for larger screens.
• Convert anchor navigation into collapsible accordion sections for mobile.
• Ensure accessibility and focus management.
• Style components to match LSX Design System.
• Support Tours, Destinations, and Accommodation post types.

Acceptance Criteria

• Desktop anchor navigation remains visible while scrolling.
• Mobile version collapses sections into an accordion.
• Active section highlighting updates as the user scrolls.
• Smooth scrolling to target sections.
• No accessibility issues (e.g. screen reader navigation, keyboard focus).

References

• Related meetings: Meet – Tiberiu / Ash Tour Operator Plugin Meeting
• Figma design: https://www.figma.com/community/file/1397897183253228355/lsx-tour-operator-design-system