How can i fix logo page on header

Solved

How can i fix logo page on header

Juliakim
New Member
4 0 0

On the home page "Goholidaysale" is not lined up on desktop web page. Can someone help me with it or Guilde me how to do it?

Accepted Solutions (2)
Moeed
Shopify Partner
5318 1435 1721

This is an accepted solution.

Hey @Juliakim 

 

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) {
h1.header-logo {
    white-space: nowrap !important;
    right: 20px !important;
    position: relative !important;
    padding-top: 10px !important;
}
}
</style>

RESULT:

Moeed_0-1726466214429.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

GTLOfficial
Shopify Partner
538 113 107

This is an accepted solution.

Hello @Juliakim 
Go to online store ----> themes ----> actions ----> edit code---->theme.css
add this code at the end of the file.

.header-logo {
max-width: 200px !important;
}

result
8.png

If this was helpful, hit the like button and accept the solution.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

View solution in original post

Replies 4 (4)

Moeed
Shopify Partner
5318 1435 1721

Hey @Juliakim 

 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


Juliakim
New Member
4 0 0

Goholidaysale.com

Moeed
Shopify Partner
5318 1435 1721

This is an accepted solution.

Hey @Juliakim 

 

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) {
h1.header-logo {
    white-space: nowrap !important;
    right: 20px !important;
    position: relative !important;
    padding-top: 10px !important;
}
}
</style>

RESULT:

Moeed_0-1726466214429.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


GTLOfficial
Shopify Partner
538 113 107

This is an accepted solution.

Hello @Juliakim 
Go to online store ----> themes ----> actions ----> edit code---->theme.css
add this code at the end of the file.

.header-logo {
max-width: 200px !important;
}

result
8.png

If this was helpful, hit the like button and accept the solution.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh