Subheaders

CMCEquipment · August 2016

I am trying to have the subheader image stretch from side to side, center and full cover like this example: http://caseycares.org/about-us

I tried coping the css and placing it in the Custom CSS & JS editor but now my two pages look different, event though i have deleted the custom css, see below:

http://dev.communitymediacenter.org/about-us-2/

http://dev.communitymediacenter.org/contact/

Albert · August 2016

Hi,

to stretch header's background, you need to use the following css:

body:not(.template-slider) #Header_wrapper { background-size: cover !important; }

CMCEquipment · August 2016

Thanks this helps but i want to have the background fixed width wise like the link here: http://caseycares.org/about-us

But it seems these two pages have different sub header css codes?

http://dev.communitymediacenter.org/about-us-2/

http://dev.communitymediacenter.org/contact/

Albert · August 2016

But the background is already fixed. It works on your site exactly the same way as on http://caseycares.org/about-us

CMCEquipment · August 2016

Ok, but the image is blown out anyway to have the image fix 100% to see the entire image?

Albert · September 2016

If you mean height, then you need to increase top and bottom padding for subheader section.

Subheaders

Comments