Minimize header on specific pages using CSS - Harris template 7.0

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

I am attempting to use CSS to minimize the header image on a couple of pages on the 7.0 Harris template site (not all pages). I have added the CSS to the advanced page header code injection on the specific pages desired. It was working perfectly when the pages were built and approved in the not linked section, but now that they are live they are not.

What is even more interesting is that a hard refresh can usually force the CSS to work (or when I am logged in) but then all of the pages on the site have the minimized header - not just the two pages that have the CSS entered in the advanced header of the specific page it is requested on.

I did delete and re add the code and that helped temporarily but it pops back with the issue. Have tested in multiple browsers as well. 

Below is the code and the specific pages. Thanks in advance for any guidance or assistance.

Leslie

//reduce header padding
<style>
/* Page Banner Height */
.page-banner-wrapper.page-banner-has-image {
  height: 130px!important;
}
</style>

https://www.endeavorshield.com/our-team
https://www.endeavorshield.com/news-and-updates

Big thank you to tuanphan for solving this issue for me. Turning off the ajax loading did the trick.