Logo not working

I’ve uploaded a 300x300 png as the company logo. Upload succeeds and I see the image file exists in the public/storage/XXXXXXXXXX directory with the correct permissions.

Despite that it is not visible on the web front end.

Removing the logo does indeed restore the default Invoice Ninja logo which is visible.

Any ideas?

it sounds like your APP_URL path may be wrong.

I see. I’m testing, so everything is still configured with the LAN IP in place of the server/hostname at the moment.

APP_URL="http://192.168.1.246"

Could that be problematic?

The app needs to be able to resolve itself, so yeh, this is most likely the reason. You’ll want to set a hostname your app can resolve.

Okay. I changed everything to a real hostname and gave it a real cert. But still the same issue.

I’m seeing the below in the dev console in Edge.

main.foss.dart.js?v=5.5.18:300 
        
       Mixed Content: The page at 'https://somehost.redacted.com/#/' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://somehost.redacted.com/storage/XW88ISyH4mHc3NWxs5OFAOyXWRpkKrwg/aPjMcw5pJ8DM5fLWS7wNMbuAjOjjlKHT7sDF29xw.png'. This request has been blocked; the content must be served over HTTPS.

Looks relevant, but I’m not sure why it’s trying http.

Is it possible APP_URL is set to http?

That was it. Thank you!