Logo position

Store Design
, , , , ,

Topic summary

Goal: Move the logo on the Shopify “Whisper” theme password page from the header to a position just above the footer.

Proposed solutions:

  • Edit password.liquid and insert custom code near the closing (details not shown), with a screenshot demonstrating the logo placed above the footer.
  • Add CSS to the theme’s main stylesheet (base.css/style.css/theme.css) using flex order to rearrange sections on the password page:
    • Header (logo): order: 2
    • Main content: order: 1
    • Footer: order: 3
      Result screenshot shows the header/logo positioned above the footer as requested.

Outcome:

  • The logo reposition appears successful; the requester expressed thanks after applying a solution.

New issue raised (unresolved):

  • Request to hide the countdown timer on desktop (it’s already hidden on mobile). The requester reported their attempt “did now work” and shared a screenshot, indicating the desktop countdown remains visible.

Notes:

  • Screenshots were used to show the desired layout and the achieved result.

Status:

  • Logo position change: resolved via CSS order approach (or password.liquid edit).
  • Desktop countdown visibility: open; no confirmed fix yet.
Summarized with AI on December 14. AI used: gpt-5.
2

Hey @marycrichton123

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find password.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1731344350942.png
Moeed_0-1731344350942.png1900×911 234 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like