CSS to make header image take up the whole of the header (until breadcrumbs at top)

windswept321 · #1 Jan 15, 2013, 10:55 AM

I've managed to set a header image in Montezuma via CSS and would like to make it take up all of the space above the breadcrumbs area if possible (including the menu space so the image would also be under the menu and the sides of the page)
Could someone show me how this might be done please?

jerryc · #2 Jan 15, 2013, 11:11 AM

Try this, and read about the css grid system in the theme options.

Code:

<div class = "row">
    <div class ="col12">
        [image code]
    </div>
</div>

jlee0409 · #3 Mar 18, 2013, 03:32 PM

depending on the current image you would like to use in the header you could do as I did which was to take my image into Photoshop, create a canvas 960px wide, center my image then export it out. This will help with centering the image in the header if that is what you are going for.