Grey background on logo

[Karikat]

I have pasted this code on theme.css 

.site-header__logo-image {background-color: #fff !important;}

its fixed on desktop but it is still showing the grey background on mobile

https://gyazo.com/5c028f5baf2d4d1797f7189f27ab5c88 

[oscprofessional]

Hello.....
Please share your store URL and screenshot.
So that I will check and let you know the exact solution here.

[Karikat]

-

-

screenshot: https://gyazo.com/de3360d502b4ea7e5cc4795023a431e9?token=ac9b7048fe35e9de975dfda7bd5a7ad6

[oscprofessional]

I did not see any gray background here pls check again..

[Karikat]

when I have it on my browser, mobile view it isnt there but on my mobile device it is still showing =(

[oscprofessional]

Even I have checked in mobile device.. it is fine.

[Karikat]

I let my friend check, he has the same problem

on my 2 mobile devices i have the same problem aswell

I dont know why its showing on some devices and on other devices it doesnt.

can anyone help me here please?

[oscprofessional]

Clean your mobile browser history then check

[Karikat]

I already did, it is still buggy

[Karikat]

the problem came when I added {% comment %}, {% endcomment %} in header.liquid to remove the search icon, maybe that was the problem?

{% comment %}

<button type="button" class="btn--link site-header__icon site-header__search-toggle js-drawer-open-top" data-predictive-search-open-drawer>
{% include 'icon-search' %}
<span class="icon__fallback-text">{{ 'layout.navigation.search' | t }}</span>
</button>

{% endcomment %}