Banner goes away with code but not always - and tampers with other pages' banners

Site URL: https://www.centerfornutritionalhealing.com

Hi folks,

I added the following code to the Page Header Code Injection area for my /contact page to make the banner go away  ( https://www.centerfornutritionalhealing.com/contact) and it worked  - - the banner on that page usually does not show up.

                   <style>.page-banner-wrapper { display: none }</style>

There's a couple ways this doesn't completely work.

1. If the user navigates to the /contact page from a button or link on the site, the banner does not appear on the /contact page (this is good). However, if the user navigates to the /contact page from the main menu of the site, the banner still appears on the /contact page (not good - I want to fix this - I don't want the banner to show up).
2. Once the user goes to the banner-less /contact page, the header will no longer shows up on subsequent pages they navigate to (not good - I want to fix this - I want the banner to show up everywhere else).

So, is there any way to make the banner on the /contact page not show up when navigating to it from the main menu?

And is there any way to keep the banner in tact on future pages when navigating from a banner-less /contact page?

Thx a million, trillion...
Cindy

Design  > Site Styles > Disable Ajax Loading