Logo in header melt together with menubar

In mobile mode the logo disappears (not visible). Since the menubar is black and my logo is black they kind of melt together. See the attached image.

Black on black is subtle :)

What is your question?

p.s. there is no attachement

Like I said, IN MOBILE mode the black on black occure, not in normal mode...the question is...why?

A. Move the logo elsewhere.
B. Change the logo color to something that goes with both white and black backgrounds.
C. Use a non transparent white outline for the letter in the logo.
D. Change the color of the navigation bar to something that doesn't conflict the logo.

I would go with C.

I would like the mobile view to look like the normal view. More like this:

No response at all? What do I have to do, to achieve the mobile look in my prevoius post. Some help with the css would be appreciated?

Here you go:
https://github.com/litecart/litecart/blob/dev/public_html/includes/templates/default.catalog/css/framework.css#L1664

    background: transparent !important;
}```

[quote]No response at all?[/quote]
It's summer, people are out enjoying the sun.

Thank you Tim for the response. I get it. No time to fix problems. I will be back with my questions when the weather is getting worse.

[quote]I get it. No time to fix problems[/quote]
I didn't say that. You are saying that. You were being intolerant with waiting 24 h. So I gave you some understanding to why people might not be around to give you the answers you want.

What problems are you suggesting I need to fix?

[quote]I will be back with my questions when the weather is getting worse.[/quote]
I'm not sure if you said that with nice intentions.

You could make it to invert to white if your logo is black after here
https://github.com/litecart/litecart/blob/dev/public_html/includes/templates/default.catalog/css/app.css#L126

  .navbar-header .logotype img {
    filter: invert(1);
  }
}```

Thank you hoesman!

That worked perfectly.

That's a brilliant solution by @hoesman.

@hoesman i have another problem, on my page when im mobile i should have logo-white.svg instead of logo-dark.svg on desktop. 
Or you can make navigation in mobile in white ? [img]https://i.imgur.com/JQWJchx.png[/img]
[img]https://i.imgur.com/ymrWKJV.png[/img]

If you have two images then instead of the filter above do it like this

  .navbar-header .logotype img {
    content: url('logo-white.svg');
  }
}```

Great this worked. Also how to make navbar-header in mobile from pink to white ?

Replace with this
https://github.com/litecart/litecart/blob/dev/public_html/includes/templates/default.catalog/css/app.css#L37-L39

  background: #fff;
}```
Use the Inspect of your browser to find and play with styling