Moving Logo More To The Right In The Header on DESKTOP View (Dawn Theme)

Hey, I am trying to move my logo more to the center / right in my header on desktop view, but I can’t seem to figure out how to do it. Is there a way I can move it in a way that it looks like the samples below. (Only on Desktop). Thanks!

My store: https://thebombshellblowouts.com/

The Issue:

Screenshot 2024-09-07 230519.png

Few examples of what I would like it to look like:

Screenshot 2024-09-07 230536.png

Screenshot 2024-09-07 230542.png

Hi @blwouts

Check this one.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

.header-wrapper header.header.page-width {
    max-width: 1200px !important;
    margin: auto;
}

And save.

Result:

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

Hey, this moves everything. I would like to just move the Logo. Thanks!

  • Here is the solution for you @blwouts
  • Please follow these steps:

  • Then find the theme.liquid file.
  • Then add the following code at the before tag and press ‘Save’ to save it.

  • Here is the result you will achieve:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.

If you want to increase the distance, you can increase the 20rem to a larger number @blwouts .

Hey, your solution worked. Thank you!

Glad to help you. Have a good day @blwouts .