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

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

and the pass is 1204

Replies 2 (2)

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


@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{



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.

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