Noticed I've lost the parallax effect on my hero image. The background image now does not reach full width (see black to right in screenshot) and there's no longer a nice scroll effect.
Not sure what could have happened as the site hasn't been updated since I built it a couple months ago. It was built before the newer release if that could have had anything to do with it?
Hello,
We have just checked out your Website and the Hero Parallax appears to be working fine for us. Please see the attached video. Additionally, if you are checking the Image on a Large Device > 1920px, there might be Black Background on the Right Side of the Section due to the smaller image and to fix his, you can either use a Larger Image in width or you can simply add the background-size:cover; CSS Property to the .parallax Element:
<div class="section parallax m-0 border-top-0 dark" style="background-image: url('images/parallax/rigby-grass-cutting.jpg'); padding: 100px 0; background-size:cover;" data-bottom-top="background-position:0px 300px;" data-top-bottom="background-position:0px -275px;">This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Thank you! That worked :)
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard