[Support request] Image Sections Look Bad on Mobile

[brandwatch]

Hi!

I am trying to get the sections look right on mobile for 18punto5.com and I can’t figure it out.

I also want to set the image focus to center or bottom on some images, but can’t find a way to do it

Thanks!

[Tom]

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 🙂

[brandwatch]

Can i change the order of the sections on mobile?

It doesnt look natural the vertical flow

[David]

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.

[Author]

Posts