Footer text on mobile devices

Shapely
1

The footer text and gravity scan image in the footer are not properly spaced and aligned when viewed on a mobile device.
https://ensurtec.com

2

Hello there,

I hope you are doing well today.

You can use the following CSS code to align the footer content better by going to Appearance > Customize > Additional CSS and pasting it there.


/*Align footer*/
#colophon .site-info {
    text-align: center;
}
footer.bg-dark a {
    padding: 100px;
}

Best Regards,
Support

3

The text isn’t vertically aligned with the code you provided for tables and cell phones.

4

Hello there,

I am sorry for the inconvenience caused here.

Please remove the previous CSS code and try the following:


@media only screen and (max-width: 500px) {
/*Align footer*/
.copyright-text {
    text-align: center;
}
footer.bg-dark a {
    margin-left: 100px;
    margin-right: 100px;
    padding: 10px;
}
}

Best Regards,
Support