Hi Support,
Can you please help as the element on this site changes after upgrade. it should be side by side but it is coming up on the top of each other.

Should come up as 🇦

    Hi sachinsehdev,

    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> 
      Write a Reply...
      You need to Login to view replies.