Hide Top bar on specific pages

The CSS code is not printed out at that page. Does any plugin or the theme remove all functions for wp_head?

To hide the bar try appending that code into the style.css:
.new_mobile #scb-wrapper {display:none;}

I too would like to hide the bar from certain pages. I see your CSS code but am not sure what options this would give me?

If you can find the distinct class name of the page you can use it to catch that page in a CSS selector, like
.page-contact #scb-wrapper {display:none;}

Your task is to find out the correct value of the page in the ‘class’ attribute of the BODY element of the page and to replace ‘page-contact’ in the example code with the correct name.

To catch multiple page add them to the selector, separated by commas, like:

.page-a #scb-wrapper,
.page-b #scb-wrapper,
.page-c #scb-wrapper {
    display:none;
}