How can I position the search bar above the phone number on mobile?

Store Design
,

Topic summary

A user wants to reposition the search bar above the phone number bar on their mobile site layout.

Proposed Solution:

  • Locate specific div elements in the header.liquid file
  • Adjust the positioning of these mobile-specific elements:
    • Mobile color strip div
    • Mobile search bar div
  • Modify their order according to the desired layout

Status: The question received a technical response with CSS/template editing guidance, but no confirmation of implementation or follow-up questions yet.

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

on mobile, I would like the search bar above the black phone number bar. Can anyone advise?

Website: https://www.physioworldshop.co.uk/

ChrisW3_0-1709893928017.jpeg
ChrisW3_0-1709893928017.jpeg147×320 9.74 KB

2

Hello find these div in header.liquid and alter their position according to your need

mobile-search-bar-cw

colorstrip-mobile