theme footer spoiling mobile phone view – twenty thirteen

  • K Pixel

    (@kira-askaroff)


    10 years, 1 month ago

    Hello,

    I am a beginner at wordpress and have created a wordpres site for the gallery i work at.

    It all looks fine on a computer but on a mobile phone screen things go wrong – the footer is a fixed size which means that we get scroll bars on the side and bottom of the screen and the site doesnt look good/readable.

    I would like to change the footer so it is a flexible width like the rest of the theme but i am not sure how without changing the way it looks.

    This is the css related to the footer:

    /* footer */

#footer-content { margin-top: 90px; width:978px; height:230px; overflow:hidden; padding-top:0px; padding-left:200px; font-family:Georgia; color:#3F3F3F;  font-size:12px; text-align:left; }

#footer-left { float:left; width:199px; height:182px; overflow:hidden;  }
#footer-mid1 { float:left; width:230px; height:182px; overflow:hidden; }
#footer-mid2 { float:left; width:138px; height:182px; overflow:hidden; }
#footer-right { float:left; width:180px; height:182px; overflow:hidden; }

.footer-header { font-family:Georgia, font-size:14px ; font-weight: bold; display:block; color:#3F3F3F; padding-bottom:16px;text-align:left; }

.footer-social-a { display:inline; padding-right:5px; padding-top:18px;text-align:left; }

.styles #page .site-info a {
font-size: 12px;
}

    And the page is here: http://kiraaskaroff.com/BB_Test2/

    Thanks very much for any advice.

Viewing 1 replies (of 1 total)
  • JumboClicks

    (@jumboclicks)

    10 years, 1 month ago

    try changing
    width:978px;
    to
    max-width:978px;

    might work .. maybe not

    When a width: is set that means its hard
    when a max-width: is set that means it will only open that much

    you may also need to set
    min-width:SOMESIZEpx;max-width:978px;
    to have it always open to a minimum size

    the appropriate min width for most cellphones is 320px

Viewing 1 replies (of 1 total)
  • The topic ‘theme footer spoiling mobile phone view – twenty thirteen’ is closed to new replies.