Custom logo in top left of responsive html5 skin (azure) doesn't appear

[Erwin.Timmerman]

RH2019.0.8, New UI. Azure skin for HTML5 output.

I have added a custom square logo file to the Azure skin with Layout > Header > Logo.

The image shows up in the editor, but does not appear in the HTML output. You can only see the background color of the header in the output, but not the image.

I have tried different image resolutions, moving the image as far back as possible in the layers, different image types (svg, png, jpg), different color depths, nothing works.

The original logo file that comes with the skin (logo.png) displays just fine. What am I doing wrong? 

[Erwin.Timmerman · Accepted solution]

I noticed that the file that was working had only a single word for a filename: logo.png. My logo filename contained spaces. So I added underscores to my own logo file, and now it works.

No error messages that I was using illegal characters when I selected the logo file with spaces. A bit strange, but anyway, if you have the same problem, use underscores instead of spaces, and you'll be golden.

[Judy5E7D]

I had the same problem and did what you suggested and it worked! The logo appeared in the output file in the top left corner.