How do I make my Header Logo larger?

Store Design
, ,

Topic summary

A user running the Dawn theme on Shopify needs help enlarging their header logo and repositioning their catalog button to the far right of the header menu.

Initial Problem:

  • Unable to increase header logo size despite trying various code solutions
  • Store was initially password-protected, preventing helpers from viewing the issue

Solutions Provided:

For logo sizing:

  • Add custom CSS code to the theme.liquid file, placed above the </body> tag
  • Code targets logo dimensions and adjusts size accordingly
  • This solution was confirmed working by the original poster

For catalog button positioning:

  • Two approaches offered: updated CSS code in theme.liquid, or alternative method using CSS in the theme’s assets folder
  • CSS targets the catalog navigation item with margin-left: auto to push it to the far right
  • Can also be adjusted through Theme Editor’s header section alignment options if available

Both solutions involve editing the theme’s code files and require saving changes before previewing results.

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

Hello to whom it may concern

Lately I’ve been trying all sorts of code on my Dawn theme and can’t seem to figure out how to make my Header Logo larger. If anyone can help me find out what I might be doing wrong that would be greatly appreciated.

Alongside, I would Like to move my catalog button from my Header menu to the Far Right if anyone knows how to do that as well. I’d like to move it almost as far as the shopping cart is. :face_with_tongue:

https://fe7914-54.myshopify.com/

1 Like
2

Hey @Ignacio7

Your store is password protected, can you share the password as well?

Best Regards,

Moeed

3

yaheos
sorry about that

4

Hey @Ignacio7

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1727282242887.png
Moeed_0-1727282242887.png1894×907 391 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

5

Yep that worked great thanks,

Any chance you could also let me know how to move the Catalog button all the way far right?

6

Remove the previous code and try this updated code.

RESULT:

Moeed_0-1727283374382.png
Moeed_0-1727283374382.png1905×908 387 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

7

You can also try this out

To move the Catalog button to the far right:

  1. In Theme Editor:

Go to Customize > Header section.

Look for alignment options (if available).

  1. Using CSS:

Go to Online Store > Themes > Edit Code > Assets > open base.css or theme.css.

Add this code:

.site-nav__item–catalog {

margin-left: auto;

}

  1. Liquid Code (if needed):

Edit Sections > header.liquid to target the Catalog link specifically.

Save ch

anges and preview the store.