Hide the nav bar

[Rimatcom]

Hi, I need to hide the entire nav bar in a specific page…

BTW this CSS code is not working:

#page-root:has(.auth) [aria-label="Sign In"] {
display: none;
}

#page-root:has(.auth) div[class*="desktop-nav-bar"], #page-root:has(.auth) div[class*="mobile-nav-bar"],
#page-root:has(.auth) div[class*="unified-side-bar"] {
display: none !important;
}

And after pasting that code the app crashed (iPhone capture):

[ThinhDinh]

Do you have the “auth” component on the screen?

[Rimatcom]

Yes it’s a rich text component….

[Himaladin]

As additional information, the class name does not apply if the rich text or container component is empty.
Try using this:

#page-root:has(.auth) .has-tab-bar > div:last-child {
display: none;
}