Jump to content

Minimize header on specific pages using CSS - Harris template 7.0

Recommended Posts

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.


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


Link to comment
  • Replies 1
  • Views 200
  • Created
  • Last Reply

Top Posters In This Topic

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.