Site is here: http://vosburghrealty.com/
On an Android or IPhone, I need the footer background color of #333333 to fill the entire height. The code below seems like it should work for this theme, but I must be missing something.
@media only screen and (min-width: 480px) {
#footer {
background-color: #333333;
height: 460px !important;
}}
In addition on an Adroid and Iphone, my menu is sitting too close to the text widget above it. I have a top margin set for it, but it’s not making a difference. Can you help me move it down a bit?
@media only screen and (min-width: 480px) {
#nav_menu-2 {
background-color: #f57b38;
height: 109px;
margin-bottom: 0 !important;
margin-top: 15px !important;
padding-left: 8px !important;
padding-top: 9px !important;
width: 165px;
}}
Thanks! :)
Angie
Hi Angie!
I fixed your code, try:
@media only screen and (max-width: 480px) {
#footer{
background-color: #333333;
height: 600px !important;
}
#footer #nav_menu-2.widget {
background-color: #f57b38;
height: 109px;
margin-bottom: 0 !important;
margin-top: 15px !important;
padding-left: 8px !important;
padding-top: 9px !important;
width: 165px;
}
}
Cheers!
Josue