Skip to main content

Animated background white bottom

Mirsad Marusic

Hi!

I have a issue with the background image, when i set it to cover in animated mode I see a white space before the next section.

I dont know why the bug appears.

If I only could change the height to 140vh or something it may work. I tried to override the css class "brz-bg-image brz-bg-image-parallax" in the css editor but nothing happens.

Link to page: https://www.marusicbrothers.com/ljudteknik/ 

Thanks!

0

Comments

11 comments

Date Votes
  • Kc George
    • Edited

    Hi Mirsad,

    I cannot duplicate the problem on my end. Please check out my test page here. https://kctest.online/parallax I don't see a white space beneath the image.

    If the problem persists, we'll need to look at your WordPress Dashboard to figure out how to assist you in resolving it. Please inform us.

    0
  • Mirsad Marusic

    I have tried to make a new section with a animated background but I get the same error. Can you look into my wordpress?

    Thanks!

    0
  • Kc George

    Hi Mirsad,

    Please add me as a user to your WordPress Dashboard if you need assistance with this. My email: kc.george@brizy.io. As shown in this screenshot: https://jmp.sh/sOSGGR3, please turn on the option "Send the new user an email about their account"

    Please let me know here when you send me an invitation.

    0
  • Mirsad Marusic

    Hi KC,

    The invitation has been sent!

    /Mirsad

    0
  • Kc George
    • Edited

    Hi Mirsad,

    On the hero block the animated parallax works fine, however on the other block when using animated parallax it shows a white strip at the bottom . I could not identify the cause. For now I have set it to Fixed parallax and it works fine.

    I will escalate this to the next level for further investigation. 

    0
  • Mirsad Marusic

    Hi KC,

    I have noticed if you press F11 to fullscreenmode and back again it dissapears. The problem I think is that the class "brz-bg-image brz-bg-image-parallax brz-bg-image-parallax--init" adds a inline style to the element that overrides  the css in brizy. 

    The style that is added is:

    style="transform: translate3d(0px, 385.484px, 0px); height: 106.888vh;"

    the height attribute is to short,  I think it should be greater like 140vh for the background to cover the whole screen in this case.

     

    0
  • Marcus Oliver Krämer

    Hello, this is also happening to us and the "fix" Mirsad Marusic suggested with pressing F11 once to go fullscreen works, but its not suiteable for our client. 

    0
  • Marcus Oliver Krämer

    is there any workaround with some custom css styles? or are you going to fix that bug in a near future update?

    0
  • Kc George

    Hi Marcus,

    We don't have a fix for this yet. Our team is still working on this. In the meantime, please use the Fixed parallax in place of animated.

    0
  • The Science Of Sound

    Any fix yet?

    0
  • Kc George

    Hello The Science Of Sound,

    Have a look at https://brizy.online/animated-background/ The animated background seems to work fine on this page. Are you facing this issue on a project? Kindly share the page URL if you are. 

    0

Please sign in to leave a comment.

Didn't find what you were looking for?

Ask a Question