How can I center content in a mobile footer?

Store Design
1

I need help to center my mobile content in footer

2

@Joly can you share your store URL? thanks

3

Here’s the link

https://ajaneco.com/

@kazi_1

4

@Joly try this css in styles.scss.css

@media (max-width: 767px) {

.footer-wrapper .footer-top .footer-top-inner {
text-align: center;
}

.footer-top-inner .block-content form {
margin: 0 auto;
width: max-content;
margin-bottom: 20px !important;
display: block;
overflow: hidden;
}

.footer_2 .social-icons {
float: none;
width: max-content;
margin: 0 auto;

}

}

5

@kazi_1 the social icons still aligned left

6

add the !important here …

.footer_2 .social-icons {
float: none !important;
width: max-content;
margin: 0 auto;

}