Relocate menu + full width logo in header

Store Design
, , , ,

Topic summary

Goal: make the header logo span the full page width and reposition the navigation menu below the logo across the site.

  • Context: Site details shared (URL, password) and the theme is Split (Shopify). An example screenshot was provided to illustrate the desired layout.
  • Clarification: A respondent asked whether the change is intended only for mobile screens.
  • Scope: The requester confirmed they want the change on all devices, not just mobile.
  • Feasibility: The requester noted they may have found an alternative solution if the proposed approach isn’t possible or recommended.
  • Technical specifics: No CSS/code, step-by-step instructions, or constraints from the Split theme were discussed. The image is illustrative, not a technical asset.
  • Status: No implementation guidance or resolution yet; the thread remains open pending advice on cross-device feasibility and methods to achieve a full-width logo with the menu positioned below.
Summarized with AI on December 21. AI used: gpt-5.
1

Hi,

I would like to make my header logo the full width of the page and move the menu to sit below the logo. Eg:

Screenshot 2024-08-17 at 5.04.46 PM.png
Screenshot 2024-08-17 at 5.04.46 PM.png1540×374 41.4 KB

Is this possible?

URL: www.thompsonlane.com.au

THEME: Split

PW: siteloading

Thank you :slightly_smiling_face:

2

Hi @ThompsonLane , you want that just on mobile screens?

3

I was hoping to do it across all devices if possible?

I may have found an alternative solution if this won’t work/isn’t recommended.