Footer Position?

  • Resolved epretorious

    (@epretorious)


    8 years, 3 months ago

    I’ve been steadily working on customizing the Twenty Fourteen theme (using a child theme) and there’s one element that I haven’t been able to modify: The footer.

    I’ve tried using the Mozilla Firefox extension Firebug to inspect+modify the CSS but I’m just not able to figure out how to position the footer so that it…

    • aligns with the the right edge of the “secondary” element, or
    • aligns with the left edge of the “site-content” element.

    Can someone please point me in the right direction?

    TIA,
    Eric Pretorious
    Portland, OR

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi, Eric. Can you please post a link to your site? It makes it easier to offer suggestions if we can inspect your site ourselves. Thanks.

    Thread Starter epretorious

    (@epretorious)

    > Can you please post a link to your site?

    Thanks, CrouchingBruin:

    The development site is https://dev.practicalxenserver.org/.

    Eric Pretorious
    Portland, OR

    Try adding these two media queries to the end of your child theme’s style.css file. Adjust the padding amount as you’d like:

    @media screen and (min-width: 1008px) {
   .site-footer {
      padding-left: 152px;
   }
}
@media screen and (min-width: 1080px) {
   .site-footer {
      padding-left: 192px;
   }
}

    Thread Starter epretorious

    (@epretorious)

    Thank you, CrouchingBruin!

    Eric Pretorious
    Portland, OR

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Footer Position?’ is closed to new replies.