How do I move icon and menu items to the left

Store Design
, , ,

Topic summary

A user seeks to reposition their store’s logo and menu items to the left side of the header, similar to a reference website (wilsonandfrenchy.com.au). Their current store uses default center alignment.

Solution Provided:

  • Custom CSS code was shared to achieve the left-aligned layout
  • Implementation requires editing the theme.liquid file in Shopify’s code editor
  • The CSS snippet should be inserted before the closing </body> tag
  • A screenshot demonstrates the expected result after applying the code

Outcome:
The original poster confirmed the solution worked successfully. The discussion appears resolved with a working code implementation for this header layout customization.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

wanting to move my logo and menu items like the image provided would love some help

like this store provided https://www.wilsonandfrenchy.com.au/?srsltid=AfmBOopn-wmyxQ6FclN7NFh0AwZn6EisBr5TJ96Lj3uWTWw6jlRBLRmH

my store is https://softbeginningsboutique.com/

use landon to access!

1 Like
2

Hi @JGBowie ,

you want the effects like the sample website ? it can be done with custom coding.

Thanks

Manoj

3

Hi @JGBowie

TRy this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “theme. Liquid” file. Find the tag and paste the code below before the tag.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like
4

amazing than you!