Logo changing color on specific page ERROR

[archipelberlin]

Hello there,

I edited the code of my shop header.liquid so the logo and menu color would change depending on the page you are on, (black or white).
Problem is that somehow, a huge logo shows up in the search results in these specific page, which I guess is because I misplaced my code, as I also can see some lines about the search bar right under…

Can someone see where might be the problem ?

Here the bit of code that I think is concerned :

Thank you :folded_hands:

[suyash1]

@archipelberlin - can you please share the page link where you have the huge logo?

[archipelberlin]

Hello @suyash1 ,

here you go : https://archipel.berlin/account/login?return_url=%2Faccount

try to start typing “salemi..”, you will see the logo image replacing the search results. (see pic)

[KetanKumar]

@archipelberlin

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[suyash1]

@archipelberlin - please add this css to the very end of your vela-site.scss.css file and check

.velaLogo2 img {max-width: 100%;}

[archipelberlin]

Hi again @suyash1 , it just ends up making the header logo super big.
What I need is the logo not popping in the search bar instead of the item list suggestion…

I believe it is about how I place my :

{%- if page.handle == ‘contact-us-1’ or template == ‘search’ or template == ‘customers/account’ or template == ‘customers/login’ or template == ‘product’ or template == ‘product.albatross8’ or template == ‘page.faqs’ or template == ‘page.new about us’ or template == ‘cart’-%}

{%- endif -%}

…in the header.liquid code.

[archipelberlin]

Hello @KetanKumar , thanks for your reply.

Here the webshop : https://www.archipel.berlin
And here is a page where the problem occurs : https://archipel.berlin/account/login?return_url=%2Faccount

[suyash1]

@archipelberlin - header logo is fine, can you share the screenshot where you have bigger logo?

[archipelberlin]

I actually wonder if I shouldn’t use {% else %} rather than an endif…

[archipelberlin]

Hi again Suyash1,

The thing is : I don’t want the logo to show in the search bar, it is currently replacing the products pictures (also in your screenshot) in the search results, which is what I am trying to fix.

[archipelberlin]

This is how it should look like.
But it shows the logo instead of the product pictures on all the pages on which I want a black logo instead of the white in the header, which is, I believe, due to the code I changed in Header.liquid (see first post).