How to change logo position on mobile view?

Store Design

Topic summary

A user running a Shopify store (theme: Dawn) wants to reposition their logo from center to left corner on mobile view. They’ve already found code for moving hamburger and cart icons but need help with the logo.

Initial Solution Provided:
A CSS Grid-based code snippet was shared that:

  • Creates a three-column mobile header layout
  • Positions logo left, menu center, icons right
  • Uses media query for screens under 750px width
  • Applies !important flags to override theme defaults

Current Issue:
The provided CSS code works on the homepage but fails on other pages, causing the logo to display incorrectly. The user shared a screenshot via Google Drive showing the problem.

Status: The discussion remains open, awaiting a solution to make the logo positioning consistent across all pages, not just the homepage.

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

Hi @Apeya ,

Your store seems password protected. Can you please share the store-front password so that we can fix this in a jiffy?

Thanks,
Shubham | Untechnickle