-
Posts
67 -
Joined
-
Last visited
-
Days Won
1
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by leslie
-
-
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 -
I have a client in Australia that is in the same situation and would love to know if there are different options.
- hasher22, RobPegurri and Renata
- 2
- 1
Minimize header on specific pages using CSS - Harris template 7.0
in Customize with code
Posted
Big thank you to tuanphan for solving this issue for me. Turning off the ajax loading did the trick.