WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Eleven has gray borders in mobile view (1 post)

  1. korven
    Member
    Posted 1 year ago #

    The default responsive styles for Twenty Eleven have ugly gray borders at left and right which account for substantial amount of screen real estate on mobiles.

    Screenshot of problem, taken from Twenty Eleven demo site:
    https://dl.dropbox.com/u/2758854/twentyeleven_dafu.png

    Here is a quick workaround that you can put into your child theme (don't hack the default style.css):

    @media (max-width: 550px)
    {
        body
        {
            padding: 0px;
        }
    
        #page
        {
            margin-top: 0px;
        }
    }

    Any suggestions for improving this snippet? Thanks beforehand.

    If you want to try your site in different resolutions, try this site:
    http://mattkersley.com/responsive/

Topic Closed

This topic has been closed to new replies.

About this Topic