Responsive Footer - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Responsive Footer

GZ

Ghada Zoubi

Helix Framework 3 years ago

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){

sp-footer2 #sp-footer1 {

text-align: center !important;

}

}

@media (max-width: 575px){

sp-footer2 #sp-footer1{

text-align: center !important;

}

}

but its not working !!!

0
3 Answers
Order by
Oldest Newest Votes
Pavel
Pavel
Accepted Answer
3 years ago #47110

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) {...}  */
0
Ariba
Ariba
Accepted Answer
Support Agent 3 years ago #47071

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.

0
GZ
Ghada Zoubi
Accepted Answer
3 years ago #47102

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 ?!

0