Center Align Social Links Icons on Mobile

Site URL: https://www.pri-1.com/

Hi all,

I'm trying to center how the social links block displays in the footer while only in mobile.  I've been able to center everything else using CSS, but can't seem to figure out the code for this.  Any help would be appreciated!

Website: https://www.pri-1.com/
Password: Priority-1

Thanks!

-Scott

Add to Home > Design > Custom CSS

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

Thank you, Tuanphan!  I didn't realize I had to put "div" in front of the block ID.  Will keep that in mind for the future.  Very very appreciated.  Thank you again!  

2 hours ago, whereisscott said:

Thank you, Tuanphan!  I didn't realize I had to put "div" in front of the block ID.  Will keep that in mind for the future.  Very very appreciated.  Thank you again!  

div#block & #block are the same

Good to know - thank you!

hey @tuanphan what does the * do!? 🙂

9 minutes ago, herzworks said:

hey @tuanphan what does the * do!? 🙂

target all elements that are children of the block id above.

Ah! Thank you @tuanphan!