my custom CSS not centering ALL of my text on mobile only

Site URL: https://coconut-grasshopper-b736.squarespace.com/config/pages/632491ecd2457c0d3e60fa0e?p

hi

password : ginger kev

i want to centre the footer text/social icons on mobile ONLY

i sourced the following css code - but it does not work for ALL my footer..seems to work on social icons only...can you help?

@media screen and (max-width:767px) {
footer#footer-sections * {
    text-align: center !important;
}
}

many thanks

Kev

Hi,

ginger kev

password is incorrect

whoops! try :

gingerkev

13 hours ago, moran75 said:

whoops! try :

 

gingerkev

Don't remove any code in your current code. Add this CSS

@media screen and (max-width:767px) {
.fluid-engine.fe-6336c580b424b77aca8505d8 {
    display: block !important;
}
}

many thanks...but text - email,phone,page names - are still over to the left rather than in middle?...

kev

22 hours ago, moran75 said:

many thanks...but text - email,phone,page names - are still over to the left rather than in middle?...

 

kev

Try remove this code from Custom CSS

#footer-sections .sqs-block-html a {
    display: inline-block;
}

12 hours ago, tuanphan said:

Try remove this code from Custom CSS

#footer-sections .sqs-block-html a {
    display: inline-block;
}

 

hi...remove? I cant find the code in my custom CSS? Unless i mis-understand.....😀

On 10/5/2022 at 3:13 AM, moran75 said:

hi...remove? I cant find the code in my custom CSS? Unless i mis-understand.....😀

If you don't see it, add this to override it

#footer-sections .sqs-block-html a {
    display: block !important;
}

16 hours ago, tuanphan said:

If you don't see it, add this to override it

#footer-sections .sqs-block-html a {
    display: block !important;
}

 

many thanks