Hiding Navigation on an Individual Page

Hey rxbasu,

thank you for choosing Bento!

At the moment there’s no option to hide the nav menu on an individual page, but you can do this via custom CSS, e.g. like this:

.page-id-XX #nav-primary { display: none; }

where XX is the ID of the page in question.
We will add this into the development the backlog as a potential new feature.

Sincerely,
Andrii / Satori Studio

Thanks for the info. I’ve got the page ID. Is there a specific place within the style.css file that I should drop this code?

Also does it make a difference if this page is currently set to be the home page of the site?

Basically, I want to put up a simple “Hi, there. Coming soon” page which does not reveal other site content, while building the real structure and content in the background. It’s only on this temporary home page that I don’t want the menu showing as I build it out. I hope that makes sense.

Never mind! I realized I could just drop it into the “Additional CSS” section under “Customize” and it worked perfectly.

QUESTION: Will this Additional CSS section be maintained during theme upgrades, or should I be copy/pasting it off to a text file as a back to save changes?

Hey rxbasu,

since Bento uses the native “Additional CSS” control, its contents will be preserved during theme updates; the CSS will be specific to Bento, though, i.e. if you switch the theme it will not be applied anymore; switching back to Bento will restore it.

Best,
Andrii / Satori Studio

Thanks for that info. What I suspected, and totally makes sense. Moving on…