Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #266336

    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

    #266344

    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

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.