Hide menu bar in Mosaic

[Trond Hoyem]

Try this:

Code:

.header__settings2 { display: none !important; }

Yup, that worked.

But in this code you are skipping the whole drill down thing. I cannot really understand why sometimes one needs to drill down, and other times that is not working.
In the first CSS code in this thread i get the code to hide the left panel:

Code:

body.app-container .panels.panels_left {
visibility: hidden;
}

When I inspect the touch visu, the body.app... -> panels -> panels.left is the actual levels for the <div>'s I can see in the inspect window, hance the reason why I tried the code

Code:

body.app-container .header.header__constrain.header__settings2

to reference the button I needed to hide. (I realize that I had a misspel in my first post, (missing one _) but correcting it did not help)

It did not work, but when I tried your version, without the reference to the other levels, it worked. 

Why?
How do one know when to use the different levels in the referenceand when not to?