Header covering content

[tonylees]

Hi there,
Can you please help… my header is covering the conent of my pages.
I have added;

.masthead {
position: absolute;
width: 100%;
}

to the global css and this appear to work fo rthe homepage but not the other pages.

thanks
Tony

[jade]

Hi Tony,

You have several sites in your licenses page so I am not certain which is the site in question.

For the meantime, kindly update the code to:

.home .masthead {
    position: absolute;
    width: 100%;
}

In case this does not help, kindly provide the site URL so that we can check.

Hope this helps.

[tonylees]

Hi,
Tried that, hasn’t worked… sorry for got to give you the url

http://sitesample.co.uk/the-offices/

Thanks
Tony

[paul.r]

Hi Tony,

To make it work, you can add the code below in Cornerstone > CSS only for the pages you want your header to be over the top of the slider.

@media(min-width: 980px) {
.masthead {
    position: absolute;   
    width: 100%;
}

.x-navbar {
    border-bottom: 0;
    background-color: transparent;
    box-shadow: none;
}

.x-logobar {
    border-bottom: 0;
    background-color: transparent;
}
}

Thanks

[tonylees]

HI There,

Thats interesting, but not what I was looking for
I don’t want the header to be on top of the content.

The content needs to be pushed down to start under the navigation

Thanks
Tony

[basanta]

Hi There,

Thanks for writing in again!

The issue is because of the height of the header.
You have more content height than the height given to the header.

not sure how this is coming. Please overwrite it by adding this CSS to your theme option -> CSS

.masthead {
     height: auto !important;
}

Hope that fixes your issue.

Thanks

[tonylees]

Thats fixed it thank you

[tonylees]

Hmmmm… maybe spoke too soon!!
Just one page with the issue now!
http://sitesample.co.uk/location/

[tonylees]

Its ok… fixed it some rogue JS found

[Prasant]

Glad to hear that.