Join us and get access to thousands of tutorials and a community of expert Pythonistas.
This lesson is for members only. Join us and get access to thousands of tutorials and a community of expert Pythonistas.
Hiding the Top Bar
00:00 You removed the command center, which made VS Code look a little bit less cluttered again, there is still this space on top of your VS Code editor that has some title information about your files.
00:12 And on the right there are some layout editor icons. Those layout editor icons help you toggle the sidebar or the panel on the bottom of VS Code. But here again, generally you either want to use your command palette with a keyboard shortcut and then selecting it in the command palette, or use the keyboard shortcut directly.
00:38
So generally you don’t want to move with the mouse to the upper right to click this icon. So if you don’t need to click it, let’s remove it by adding another line to the settings.json.
00:50
And this time it’s in the workbench object.
00:55
And there you have to look for layoutControl enabled property. So the whole key is workbench.layoutControl enabled, and the C in Control is uppercase, the rest is lowercase, and the value by default is true.
01:13
Once you set it to false and save, then the layout control icons disappear. And with them the whole top row of VS Code, which makes a way more clean coding experience.
Martin Breuss RP Team on July 11, 2024
@Nom are you in full screen mode? I think that menu bar should go away when you go full screen.
Nom on July 11, 2024
Yes, pressing F11 to enter full screen mode made the top bar fully disappear.
Many thanks!
Martin Breuss RP Team on July 15, 2024
🥳
Become a Member to join the conversation.
Nom on July 10, 2024
This worked for me in terms of removing the layout control icons but not the menu headings (‘File’, ‘Edit’ etc.) so the top bar remains. Perhaps it’s my Windows version of VSCode?