Header on Mobile not aligned

dubpluris · October 2015

Hello,

In regards to autism-and-treatment.com the header image is only partially appearing. I would think that the image would be responsive (which I have selected in my options. Is there a way to fix this?

In case there isn't a way to fix it, I looked at previous posts and saw that you can hide it by using the code below -

@media only screen and (max-width: 767px) {

body:not(.template-slider) #Header { min-height: 0 !important; }

}

Unfortunately this didn't work.

Any suggestions?

Thanks,
Greg

Albert · October 2015

Hi Greg,

header backgrounds were made with css and it is unfortunately impossible to make them responsive. However, if you want to remove header background on mobile devices, you should use below css:

@media only screen and (max-width: 767px) {
    body:not(.template-slider) #Header_wrapper { background-image: none !important; }
    body.header-below:not(.template-slider) #Header { padding-top: 0 !important; }
}

Header on Mobile not aligned

Comments