Buttons aligned left on mobile flex columns

[my401k]

As a follow up to this post since it’s closed, I checked and for some reason the learn more buttons are aligned on the left on my iphone. Any reason why that would be? I’m using the code from the post below to do the flex to make the columns the same height with buttons aligned when on desktop.

Accountant in Baltimore - Accounting Services - Accounting Firm

Previous post is here: https://theme.co/apex/forum/t/buttons-align-at-bottom-of-column/24292/15

   .flex-me .x-container.max {
    	display: flex;
        flex-wrap: wrap;
    }

    .flex-me .x-column {
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: center;
    }

    .flex-me .x-column .x-btn {
    	margin-top: auto;
    }

    .flex-me .x-column .x-btn {
        position:absolute;
        bottom:0;
    }

    .flex-me .x-column {
        padding-bottom: 30px !important;
    }

[ruenel]

Hey There,

Thanks for writing in! I have checked your page and the button is at the center. This is what I am seeing:

It could be just a caching issue. Please clear your mobile phone browser cache or use private browsing mode and test it again.

Please let us know how it goes.

[my401k]

I just checked on another browser on my phone and it’s still on the left. Did you check on your iphone or just make the browser smaller?

[my401k]

Just used a mobile query to apply the flex to desktop and not mobile. Is that the best option?

[basanta]

Hi There,

You can use the jquery. Let us know if that fixes your issue.

Thanks