Fixed Header Image


#1

Hi,

How can I fix the header image like it appears in your Moesia Pro demo http://demo.athemes.com/themes/?theme=Moesia%20Pro

I want to make it appear as it doesn’t scroll along with the menu. Any help will be appreciated.


#2

Hi,

Please post a link to your website, so I can check how you have it on your website, now.

Best Regards,
Csaba


#3

HI Csaba. Thanks for the reply. Here is the link http://bowleslawyers.com.au/dev/

sorry might have confused myself. The header image is currently fixed, I want it to move along while I scroll. Please help

Thanks


#4

Hi,

Yes, I see your header image is fixed and has a parallax effect, but you can make it scroll ( to don’t make it move inside the container ( remove parallax effect ) with this Custom CSS:

@media only screen and (min-width: 1025px) {
.has-banner:after {
    background-attachment: scroll !important;
}
}

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also use this plugin to add the CSS to it: https://wordpress.org/plugins/simple-custom-css/ so you will not loose the changes on theme updates.

Please let me know how it works.

Best Regards,
Csaba


#5

Perfect. That worked. Thanks a lot Csaba but that did leave a bit of white space below the header image and menu.


#6

Hi,

Please try to use a higher image, something like a 1920x900px image.

Best Regards,
Csaba