Background overlay – fixed option

  • Resolved wordmatej

    (@wordmatej)


    6 years, 8 months ago

    Hi,

    another question if you can help. If you remember, I told you once for problem for background fixed – where background is not fixed in all browsers. And I asked Elementor and they told me to try with different theme TwentySixteen and with this theme it works on all browsers. So, can you pls check?

    To remind you:
    I’m using Ocean WP Cild theme which Elementor supports.

    Elementor is used on all homepage where are 3 sections with fixed Background overlay.

    How come that on homepage when I scroll fixed image is realy fixed just in 1st section. I use 3 sections and in 2nd and 3rd I also have in elementor in Background overlay – fixed and on scrolling down are not fixed?

    I have to tell that everything is working just fine in Chrome browser and in other browsers doesn’t. Why doesn’t work also in other browsers (Edge, Firefox, Explorer…)? Pls check on different browsers…

    Can you let me know?
    Regards

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author oceanwp

    (@oceanwp)

    Hello, well this issue is tricky, you have the fixed background problem because of this code:

    .elementor-background-overlay, .background-image-page-header-overlay {
    -webkit-transform: translateZ(0);
}

    But if you remove it, the fixed background will have a problem in the Chrome browser but will work normally on all other browsers.
    The Chrome issue is because of the browser so Elementor or me can do nothing about.

    Thread Starter wordmatej

    (@wordmatej)

    Thanks,

    I checked CSS and I don’t have(find) this code. So, where is written?

    Best regards
    Matej

    Theme Author oceanwp

    (@oceanwp)

    Hi, I cannot know this for you ??
    Have you checked the custom css section in the customizer? Or via the style.css file of your child theme?

    Thread Starter wordmatej

    (@wordmatej)

    Yes,

    I checked and no results – not on CSS custom nor style.css in child theme.

    Theme Author oceanwp

    (@oceanwp)

    Oh sorry, I didn’t remember, it comes from the theme ??
    So sorry, try this css code:

    .elementor-background-overlay, .background-image-page-header-overlay {
    -webkit-transform: none !important;
}
    Thread Starter wordmatej

    (@wordmatej)

    Great, it works on all browsers :D.

    Thanks a lot !

    Theme Author oceanwp

    (@oceanwp)

    You are most welcome ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Background overlay – fixed option’ is closed to new replies.