[Theme Twenty Eleven] What Code Switches the Layout for Different Devices? (2 posts)

  1. Lane Lester
    Posted 4 years ago #

    I'm building a website, and I replaced the blog name and description in the header with a logo. This thread reports my adventures with this.

    I finished with everything OK, except for some extraneous white space at the top when a smaller (5" wide) screen is used. To fix this, I need to know just what causes the layout to change when a smaller device is used. In Twenty Eleven this includes putting the sidebar at the bottom of the page.

    Is it something in style.css? In functions.php?


  2. Lane Lester
    Posted 4 years ago #

    By changing a bunch of things to 0 and getting no effect, I finally hit on the right one at line 4825 in my child style.css:

    /* Reposition the site title and description slightly */

    #site-title {

    padding: 0 0 0;


    Making the padding zero got rid of the extraneous space.

    But I would still like to learn more about what makes different parts of the style.css effective, based on the device used.


Topic Closed

This topic has been closed to new replies.

About this Topic