Move logo / icons to left on big screen - Dawn theme

Topic summary

A user requested help moving their logo and social icons to the left on larger screens in the Dawn theme, aiming to align them with header text shown in an attached screenshot.

Solution Provided:

  • Add custom CSS code to the theme.liquid file before the </head> tag
  • Access via Online Store → Theme → Edit Code
  • The code snippet was provided (though garbled in the conversation text)

Outcome:

  • The solution was successfully implemented
  • The user confirmed it worked perfectly and thanked the responder

Status: Resolved. The layout adjustment was achieved through custom CSS modification in the theme files.

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

Hi,

I would like to have my logo and social icons in the announcement bar moved to the left when viewed on a big screen, so it’s in line with the header text on the image. Can anyone point me in the right direction?

Thanks so much!

Website

password: fbc

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the tag


Result:

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

1 Like

this worked perfectly, thank so much!