Center column on mobile

[nikolaus_k]

Hey guys, I would like to center the columns of these 2 products, but just on mobile.

Weinabos - Weinabo Korkenfreunde

Can u help me out please?

Thx in advance

[tristup]

Hi Nikolaus,

Thanks for reaching out.
In order to make the column content center only in the mobile device you need to add a few custom CSS code to Theme Options > CSS.

@media  (max-width: 767px) 
{
    .e16244-14.x-image, .e16244-15.x-text, .e16244-16.x-text, .e16244-17.x-text, .e16244-18.x-anchor, .e16244-19.x-text, .e16244-20.x-text
    {
        margin: 0 auto !important;
    }
    .e16244-13 .x-skill-bar
    {
        margin-left:0 !important;
    }           
}

You may need to adjust the breakpoints as per your need. You can find the details on the custom media query breakpoints: https://medium.com/@uiuxlab/the-most-used-responsive-breakpoints-in-2017-of-mine-9588e9bd3a8a
And if you are not proficient with the coding, I would suggest you hire a developer who can assist you to do the customization.

The above code will work if copied as it is and doesn’t conflict with any existing code.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We do not provide support for custom codes that means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

Thanks