Developer forum

Hi Gerard

That is a very stupid bug. And I am very sorry for it. It is fixed from Rapido 2.1.1 - But there is also another, very easy way to fix it:

1. If it is not already enabled, enable custom Javascript in the bottom of the Website settings
2. Open templates/designs/rapido/js/source/custom.js for edit. If you do not have access to bundle + minify on the solution for the javascripts, open custom.min.js for edit instead.
3. Then paste this code, and save:

document.addEventListener("shiftSlide", function () {
    if (bLazy != null) {
         bLazy.revalidate();
     }
});

The smart thing here, is that we are using the javascript extensibility points to fix a small bug. And by doing it this way, you have not customized the javascript. It will both be much easier to find your customizations and it will be safer to upgrade.


Best regards
Karsten Thuen

Hi Karsten,

I followed your steps but it still doesn't seem to work...
Still have a white header :-(

BR. Gerard

Have you remebered to empty the browser cache, before testing?

Best regards
Karsten Thuen 

I did.Also tried Incognito and it shows like the attachement.

Hi Gerard

It seems like you have added the code to /js/source/Custom.js - And that code does not seem to have been compiled down to custom.min.js
As i said, if you can not compile, and do not think you would ever go that way on this solution, you should make the change in custom.min.js

Normally custom.min.js is a compiled and minified file - In cases where you really need a small chunk of js, on a solution that is not set up in a developer environment, I think it is perfectly fine to add it to custom.min.js

Please write again, if it still does not work.

Best regards
Karsten Thuen 

Hi Karsten,

I added in cusomt.min.js (see screenshot) but still no result :-(

Best regards
Gerard

Hi Gerard

Thank you, that is much better. I have tested this carefully on your site. And I know this could be quite hard to see, but actually you have encountered another thing that could be a bug. Now, strangely enough, only half of the third image is shown.

The easy solution to this, is to set the paragraph container height to "Extra large". 

The bug has been fixed in later Rapido releases. If you need to write a fix for this solution, you can do it in Ignite by writing this css for each of the container height classes:

.paragraph-container--height-xl {
    height: 550px;
    
    & > .paragraph-container {
       height: 550px;
    }   
    .background-image__cover {
        min-height: 550px;
    }
}

I am sorry for the inconvenience.

Best regards
Karsten Thuen

I changed it into XL, that's fine for now.
Thanks for helping Karsten.

BR. Gerard