Remove header/side menu

[mbrevda]

When embedding in a lovelace view using in ingress path, how can the header/side menu be hidden? My use case it kiosk mode where I have the menus hidden (and certainly don't need the same menu twice).

[OzGav]

I believe you will have to expose and use port 8095

[mbrevda]

That is it's own can of worms as I access my dashboard over ssl, which the stand alone port doesn't support, making it impossible to load via an iframe.

[OzGav]

Then I don't think it is possible.

[mbrevda]

I see. Would it be feasible to allow injection of css to MA? This would allow for the menu to be hidden via css. This isn't possible at the moment because existing methods (such as card-mod) cannot access the iframe

[OzGav]

Most things are possible however dev time is short. I would expect this would be overtaken by a custom card however as that is on the roadmap.

[mbrevda]

I've worked around this by proxying the web port through nginx by adding the following to /config/nginx_proxy_default_music.conf:

location /_x_music/ {
    proxy_pass http://homeassistant.local.hass.io:8095/;
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

     # WebSocket support
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection "upgrade";
}