Columns do not center

[Multiplier]

Hi. On the page below, we have 3 columns whose images and text are all centered. However, they are not actually centered: https://imgur.com/a/qMAUy

Could you help us understand what we did wrong and what we can do to get these columns to center perfectly within the width of the page?

[mldarshana]

Hi There,

Thanks for writing in! Can you please try updating your Pro theme as you’re using an older version currently. You can check the latest version numbers from here (https://theme.co/apex/forum/t/troubleshooting-version-compatibility/195).

Make sure to clear your cache before testing.

Thanks!

[Multiplier]

I did and that didn’t help at all…

• Brandon

[jade]

Hi there,

The columns are pushed to the left because of this code:

#x-section-3 .x-column.x-sm.x-1-3 {
    max-width: 250px;
}

If you aim to make the container of those columns shorter in width, I suggest that you add the max-width to the Row that contains the three columns. That way, the columns width will automatically adjust and will still display center.

Hope this helps.