Prestige Theme: Timeline: Move Navigation Labels above Content

Shopify Discussion

Topic summary

A user is trying to reposition navigation labels in the Prestige theme’s timeline component from below the content to above it.

Issue:

  • Previously recommended CSS solution is not working
  • The user attempted adding code to theme.css both with and without <style> tags

Technical Details:

  • The provided CSS code appears corrupted or reversed (characters are backwards)
  • Code targets .Timeline__Nav and .Timeline__ListItem classes
  • Uses media queries for responsive behavior at different screen widths (641px, 1140px)
  • Attempts to modify margins and flex-direction properties

Current Status:
The discussion remains unresolved with no responses or alternative solutions provided yet. The malformed CSS code suggests either a copy-paste error or encoding issue that may be preventing the solution from working.

Summarized with AI on November 11. AI used: claude-sonnet-4-5-20250929.
1

Hello,

currently the navigation labels are always displayed below the content of the timeline. I want to have it displayed above the content. A previously recommended solution does NOT work for me which involved adding the following code into the theme.css (tried with and without and tags)

.Timeline {display: flex; flex-direction: column-reverse;} .Timeline__ListItem {width: 100%;} @media screen and (min-width: 1140px){ .Timeline__Nav {margin-bottom: 65px; margin-top: 0 !important;} } @media screen and (min-width: 641px) { .Timeline__Nav {margin-top: 0 !important; margin-bottom: 40px;} }