How can I resize my logo to fit the full header?

liongreek
Visitor
2 0 0

Hey shopify community...

I have been trying to find a way to ake my logo occupy the full length of my header, to no avail. 

Initially I tried making the same picture as a background banner to header but it did not seem to work either.

 

Any help on any of these would be appreciated!

 

My site is https://admin.shopify.com/store/26d19d-3

and the pass is 1204

Replies 2 (2)

PageFly-Oliver
Astronaut
861 180 161

Hi @liongreek ,

 

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

 

<style>
@media screen and (min-width: 990px){
#shopify-section-sections--20786485887302__header  .header {
    grid-template-columns: 1fr 70% 1fr;
}
#shopify-section-sections--20786485887302__header  .header .header__heading-link,
#shopify-section-sections--20786485887302__header  .header .header__heading-link img{
width:100%
}
}
</style>

 

 

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

liongreek
Visitor
2 0 0

Hey Oliver, 

thanks for the reply,

it doesn't seem to work for me. No change at all.

Attaching screenshot to see if I followed your instructions correctly 

Screenshot (4).png