Scale Logo to Fill in Blank Space on top of Navigation bar Shopify

bebop87
Tourist
11 0 5

I would like to have this Logo (attached below) scaled to go across the blank space on top of the Navigation bar. Many thanks!

website: prevailplants.com

WEB-500-x-250px.jpg

Replies 2 (2)

theycallmemakka
Shopify Partner
1499 337 362

Hi @bebop87 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
.m-header__inner {
    background-image: url(https://prevailplants.com/cdn/shop/files/WEB-500-x-250px.png?v=1713028225&width=200);
    background-size: contain;
    background-position: center;
}
</style>

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
Makka

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

bebop87
Tourist
11 0 5

Thank you for your response. This is the displayed effect with the presented code, looking for just one image to fill the blank space. Thank you

capture3.PNG