[Theme Twenty Eleven] What Code Switches the Layout for Different Devices?

  • 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?

    Lane

Viewing 1 replies (of 1 total)
  • Thread Starter Lane Lester

    (@llester)

    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.

    Lane

Viewing 1 replies (of 1 total)
  • The topic ‘[Theme Twenty Eleven] What Code Switches the Layout for Different Devices?’ is closed to new replies.