Full browser width footer?

  • Resolved manhdn.math

    (@manhdnmath)


    13 years ago

    I’m using Twenty Twelve for my blog. I wan a full browser width footer but I could not do it even I worked hard with css. FUll browser width means the footer reaches both edge of browser while other parts still keep original size. Thanks

Viewing 8 replies - 1 through 8 (of 8 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years ago

    You’ll need to make a Child Theme for this change. First do that.

    Thread Starter manhdn.math

    (@manhdnmath)

    13 years ago

    Sure I had a child theme. I’m asking to work on childtheme.Thanks anyway

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years ago

    Copy footer.php and paste it into your Child Theme.

    Then, edit footer.php and replace its contents with this code http://pastebin.com/TCa7xBAp

    Thread Starter manhdn.math

    (@manhdnmath)

    13 years ago

    Hi Andrew.
    I have just replaced your footer but the footer still doesnt reach either edge of browser (like full width browser). It still appears like before, no effect. Pls take some mins to review. Thanks a lot!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years ago

    Can you post a link to the site?

    Thread Starter manhdn.math

    (@manhdnmath)

    13 years ago

    i dont have any clue, pls help me thanks

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years ago

    Add this to your Child Theme style.css file;

    footer[role="contentinfo"] {
 max-width: none;
}

    Thread Starter manhdn.math

    (@manhdnmath)

    13 years ago

    thanks a lot. Finally, your code worked great after some hard work days. Thanks again!

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

The topic ‘Full browser width footer?’ is closed to new replies.