Center Align Feature Box Image on Mobile

Support
#1

Hi, I’m trying to align the feature box image on mobile. It is currently left aligned. I’m using this css:

@media only screen and (max-width: 979px) {
.x-feature-box-content {
display: block !important;
text-align:center;
}
}

See image for result.

#2

#3

Hello @metamedia,

Thanks for writing in!

Can you please share website url?

Thanks.

#4

http://af6.079.myftpupload.com/who-we-are/

#5

Hi there,

Please try this:

@media (max-width: 979px) {
    .x-feature-box-graphic {
        display: block !important;
    }

    .x-feature-box-graphic-inner {
        margin: 0 auto;
    }
}

Hope this helps.

#6

Worked perfectly. Thank you!

#7

Glad to hear it!