Hi there,

Thank you for your message.

1. Height difference in slides

The issue is caused due to the difference in length from the titles on the image slides. The title on the first image slides is longer than the second slide and therefore the title need 3 lines instead of 2 lines which creates the height difference.

There are two ways to fix this:

• Change the length of the title for one of the slides so the title will equal in length compared to the one of the other slide
• Or, a more robust fix is to decrease the font size from the titles slightly on mobile devices so the title from the first slide will only need 2 lines just like the other slides. You can do this by copy/paste the following CSS code to Appearance -> Customize -> Additional CSS:

/* decrease image slide title font size on mobile */
@media (max-width: 992px) {
    .jumbotron.carousel .carousel-text .carousel-heading-tag {
        font-size: 26px;
    }
    .carousel-inner {
        overflow: visible;
    }
}

2. Project gallery on mobile

To fix this please edit the project gallery with Elementor, enable the mobile view on the responsive editor and set the "Column" setting of the project gallery to 3.

Please see attached image for a step-by-step visual of doing this.

Hope this helps, let me know if you have any questions!