mobile device footer code help needed

Hello,

I've got my desktop site setup the way I like but the footer is not correct on a mobile device.
The site is www.sagewellnesspartners.com
and here are screenshots of the mobile (I don't want turquoise - I want the color the same as the non mobile site.)


non mobile footer

 

Hello,

Please paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media only screen and (max-width: 480px){
.footer .footer_widget h4 {
    color: white;
}
}

Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

I added this and it did not work.
Screenshot below

 

Hello,

Try below code for once and check after that..

Code:

@media only screen and (max-width: 480px){
.footer .footer_widget .searchform input[type="text"] {
    color: white;
    background: url(images/footer_searchbg-black.png) left no-repeat !important;
}
}

Hope it will resolve your issue

Thanks & Regards!
Priyanka
InkThemes.com