Image Sections Look Bad on Mobile

Hi there,

What would right look like, exactly? I'm not noticing anything broken at the moment.

Right now it would require CSS to change the background image position. You could give the class a custom class (Settings > Custom Classes) and then do this:

.my-custom-class {
    background-position: center center;
}

Let us know :)

Can i change the order of the sections on mobile?

It doesnt look natural the vertical flow

Hi there

it would require this CSS:

@media (max-width: 414px) {
    #generate-section-1 {
        order: 1;
    }
    #generate-section-2 {
        order: 2;
    }
    #generate-section-3 {
        order: 3;
    }
    #generate-section-4 {
        order: 4;
    }
    #generate-section-5 {
        order: 5;
    }
    #generate-section-6 {
        order: 6;
    }
    #generate-section-7 {
        order: 7;
    }
    #generate-section-8 {
        order: 8;
    }
    #generate-section-9 {
        order: 10;
    }
    #generate-section-10 {
        order: 10;
    }
    #generate-section-11 {
        order: 11;
    }
}

You just need to change the order value for each of the sections.