Remove menubar from Electron app Remove menubar from Electron app node.js node.js

Remove menubar from Electron app


You can use w.setMenu(null) or set frame: false (this also removes buttons for close, minimize and maximize options) on your window. See setMenu() or BrowserWindow(). Also check this thread


Electron now has win.removeMenu() (added in v5.0.0), to remove application menus instead of using win.setMenu(null).


Electron 7.1.x seems to have a bug where win.removeMenu() doesn't work. The only workaround is to use Menu.setApplicationMenu(null), however, this will disable all the menu shortcuts like F11 for toggling fullscreen etc.


In new versions of Electron, you can set autoHideMenuBar: true while creating browserWindow, pressing Alt will show the menu bar again.

const mainWindow = new BrowserWindow({  autoHideMenuBar: true,})


Use this:

mainWindow = new BrowserWindow({width: 640, height: 360})mainWindow.setMenuBarVisibility(false)

Reference: https://github.com/electron/electron/issues/1415

I tried mainWindow.setMenu(null), but it didn't work.


For Electron 7.1.1, you can use this:

const {app, BrowserWindow, Menu} = require('electron')Menu.setApplicationMenu(false)