Hello
I have this website : https://ma-ijadeh.com/en
I need the footer to be in the center in mobile version
its now look like : https://prnt.sc/22r8x3i
I need it to be like this : https://prnt.sc/22r8z8r
I tried this code :
@media (max-width: 991px){
text-align: center !important;}
}
@media (max-width: 575px){
text-align: center !important;}
}
but its not working !!!
Hi. Here is right code
@media (max-width: 991px) {
#sp-footer1,
#sp-footer2 {
text-align: center !important;
}
}
/* Not need use this code in @media (max-width: 575px) {...} */Hello
Thank you for your query.
Kindly add "#" before "sp-footer2" and try again. Your code should look like the following:
@media (max-width: 991px){
#sp-footer #sp-footer1 {
text-align: center !important;
}
}
@media (max-width: 575px){
#sp-footer #sp-footer1{
text-align: center !important;
}
}Hope this helps you.
Hello
I alreader added the # but it seems when I write it here it just make the text bigger
any way I did but it not worked !!
I want the text to be in the center in all responsive , ipad , mobile in all sizes
what is the right code I have to write ?!