Broken "home page" after update

adsoma

Hi, I just made an update from J3 to J4 and I updated the JA PAGEBUILDER (before moving to J4 ) everything went smooth, except the main page it is kind of broken. In "live edit" looks fine, but once I saved the design does not look correct.
NOTE: I created a "test" menu, I added the "Feature Intro 14.1" no modifications, and same behavior.

This is live edit:

Live website:

Let me know!!
Thanks in advance!!

dominic

Hi adsoma,
I have checked and see that you are using the older version, we have released the latest version:

Please update it and let me know if you still face this issue. Also, you should backup your site before update.

adsoma

I updated to the latest version, but same issue.

Let me know!
Thanks

dominic

Hi adsoma,
Could you send me the FTP account for further checking?

adsoma

dominic
Hi, I updated the credentials on top of the post.

Thanks!

adsoma

Hi, Any update?
Thanks!

dominic

Hi adsoma,
We are checking this issue on our dev site. We will resolve it as soon as possible.

adsoma

Hi,
Any update here?

Thanks!!

dominic

Hi adsoma,
I'm checking this issue, I will provide a solution tomorrow.

dominic

Hi adsoma,
You can add the following CSS code to the Backend > Site template styles > JA Builder - Default > Custom code > Top of Head section.

<style>
@media (min-width: 992px) {
.jub-block.features-14 .features-item-col {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.jub-block.features-14 .features-item-col .features-item {
  position: relative !important;
  left: 0 !important;
  top: auto !important;
  width: 100%;
   transition: none !important;
    transition-property: none !important;
    transform: none !important;
}

.jub-block.features-14 .features-item-col .features-item:nth-child(1) {
  grid-column: span 1; /* Item 1 spans across two columns */
}
.jub-block.features-14 .features-item-col .features-item:nth-child(2) {
     grid-row: 1;
    grid-column: 2;
    height: 50%;
}
.jub-block.features-14 .features-item-col .features-item:nth-child(3) {
  grid-row: 1;
  grid-column: 2; 
  top:  50% !important;
  position: relative !important;
}

.jub-block.features-14 .features-list {
  height: auto !important;
  padding: 0 !important;
}
}
</style>

adsoma

Thank you. It is fine now!