Victor Font
Staff replied 3 years ago

You have a couple of things going on.

First, you are targeting a non-existent element id. There is no element with an id called #top-menu-nav on that page. The menu id is #site-navigation.

Second, I would use a PHP script to inject the CSS on the page rather than loading it on every page.

This is how I would write the script:

if ( is_page( '17832' ) {
add_action('wp_head', 'hide_top_navigation';
}

function hide_top_navigation() {
echo PHP_EOL . "<style>
#site-navigation { display: none;};
</style>" . PHP_EOL;
}

Alan Kindree
replied 3 years ago

Thanks. I am going to paste that into the plugin called code snippets

Victor Font
Staff replied 3 years ago

I didn't test the code. It may need some tweaking. Let me know if it works.