Header not fitting the screen


#1

The header at http://strategystix.com/contact/ is getting cut off on some screens. Thank you.


#2

Hi,

It may get cut-off on screen-sizes where the header is parallax, but from around 1000px down the header will not be parallax.

Best Regards,
Csaba


#3

I’m sorry, but I don’t understand this. What can I do to fix it? I have the header images for each page set at 1920 x 1080. Do I need to make them smaller? Thank you.


#4

Hi,

The image size is good, but parallax cuts your images, that’s normal, what you can do is to disable the parallax effect if you don’t want your images to get cut-off on desktop, on mobile the images are fine, right?

Best Regards,
Csaba


#5

Thanks. I added this to my css in an effort to remove the parallax:

.has-banner:after {
background-attachment: scroll !important;
}

Does that only apply to the header or does it remove parallax from the entire site?


#6

Hi,

That will affect only the header.

Best Regards,
Csaba