How do I make my Header Logo larger?

Solved

How do I make my Header Logo larger?

Ignacio7
Tourist
9 0 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. 😛

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

Accepted Solution (1)
Moeed
Shopify Partner
5317 1435 1721

This is an accepted solution.

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 </body> tag

<style>
@media screen and (min-width: 768px) {
a.header__heading-link.link.link--text.focus-inset img {
    width: 500px !important;
}
}
</style>

RESULT:

Moeed_0-1727282242887.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 6 (6)

Moeed
Shopify Partner
5317 1435 1721

Hey @Ignacio7 

 

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

 

Best Regards,

Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


Ignacio7
Tourist
9 0 1

yaheos 
sorry about that

Moeed
Shopify Partner
5317 1435 1721

This is an accepted solution.

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 </body> tag

<style>
@media screen and (min-width: 768px) {
a.header__heading-link.link.link--text.focus-inset img {
    width: 500px !important;
}
}
</style>

RESULT:

Moeed_0-1727282242887.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


Ignacio7
Tourist
9 0 1

Yep that worked great thanks,

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

Moeed
Shopify Partner
5317 1435 1721

Remove the previous code and try this updated code.

<style>
@media screen and (min-width: 768px) {
a.header__heading-link.link.link--text.focus-inset img {
    width: 500px !important;
}
nav.header__inline-menu {
    left: 600px !important;
    position: relative !important;
}
}
</style>

RESULT:

Moeed_0-1727283374382.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


Iwillsolveit
Tourist
42 1 3

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).

 

 

 

2. 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;

}

 

 

 

3. Liquid Code (if needed):

 

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

 

 

 

 

Save ch

anges and preview the store.

 

Hello I'm Nolan you can reach out to me here (https://wa.link/f7lf0o) if you ever need anything 