Footer mobile

[alumnisuizo]

hello!

i have an iphone xs max and i can see that the footer on my iphone, the first widget is very close to border.
How can i fix it?

Thanks

[ruenel]

Hello @alumnisuizo,

Thanks for writing in! The issue is caused by your custom CSS. You have added this:

footer.x-colophon.top .x-column.x-1-3 {
    width: 33.3%;
    margin-right: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
}

Please remove this code from X > Theme Options > CSS to get your issue resolved.

[alumnisuizo]

Hello!

yes… it works… but i wanted the whole footer centered. As you can see my page on a browser ln a computer, the footer it´s not centered.
How can i fix it?

Thanks

[tristup]

Hi @alumnisuizo,

To make the footer content center aligned, you need to add the following code into the Theme Options > CSS.

@media (max-width: 978.98px)
{
    footer.x-colophon.top 
    {
        text-align: center !important;
    }
}

You may need to adjust the breakpoints as per your need, please find the detailed article here: https://medium.com/@uiuxlab/the-most-used-responsive-breakpoints-in-2017-of-mine-9588e9bd3a8a

Please remember that the above code will work if copied as it is and don’t conflict with any existing style.
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 really do not provide support for custom codes, which means we can’t fix it if it conflicts with something on your site nor will we enhance it.

Thanks