Problem with fixed Background and Column Background

Support
#1

Hi,

i have a problem with the background Images.
i made a fixed header Background and found the code for it in the forum. It works perfectly for the header.
but now when i would add a Background for a Column, the image is full width and stays fixed to the back.

any advice to fix that behavior? i believe it is just a small css thing.

thanks for your help.

credentials in secure note

#2

Hey Harald,

We’re sorry but we do not support parallax background image for the column. Please remove the custom CSS that sets the column background image to get fixed. Or, you can have a third party developer continue developing the custom feature for you.

Thank you for understanding.

#3

hi christian,

thanks for your answer. i dont know if i understand correct:
i just want a fixed header background…
is this possible without fixing the columns background?

thanks

#4

Hi Harald,

Sorry for the confusion, would you mind sharing the said code that you found and point us where we can see the column involve, so we can take a closer look.

Thanks,

#5

hi,

i found these code snippet in the forum.

#fixed-bg .x-section.bg-image, .x-bg .x-bg-layer-lower-image, .x-bg .x-bg-layer-upper-image {
background-attachment: fixed;
}

when i add this. the header image is fixed, but all columns background also…
i removed it now to work on the rest of the site, but i still need to fix the background image fo the header.
when scrolling down the page the header background image should stay fix.
just like on this page:

and sorry for my english, it is not so easy for me to descripe my problems clear. and many thanks for your patience and great support!

cheers

#6

Hello Harald,

Thank you for the clarifications. I am another checking in your site. What I am seeing right now is that your header has a parallax effect. If you want it to have a fixed background, please disable the parallax option first. And then you can use this custom css:

.x-masthead .x-bg .x-bg-layer-lower-image, 
.x-masthead .x-bg .x-bg-layer-upper-image {
    background-attachment: fixed;
}

This custom css will only target the header and it will not affect the columns if you have added background images to it.

We would loved to know if this has work for you. Thank you.

#7

hi ruenel,

many many thanks! now it works like i tried to archive!

cherrs

#8

You’re most welcome!
Thanks for letting us know that it has worked for you.

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.