Responsive Feature Box Alignment

[razorpig]

Hi,

Referring to the URL in the secure note, the top section has three feature boxes with the icon left aligned. If possible I’d like this to change to centre aligned on small screens (320px) so it looks like the lower section.

Is this possible?

Many Thanks

[thai]

Hi There,

Please try adding this custom CSS under Theme Options > CSS:

@media (max-width: 320px){
    .x-feature-box.left-text, .x-feature-box.right-text {
            flex-direction: column;
            text-align: center;
    }
    .x-feature-box-align-v-middle {
        align-self: center;
        margin-bottom: 15px !important;
    }
    .x-feature-box-graphic-outer.circle {
        margin-right: 0 !important;
    }
}

Hope it helps

[razorpig]

Thanks Thai, that worked perfectly !

[nabeel]

Glad it worked.

Cheers!