Support » Theme: Twenty Thirteen » Sidebar shortens footers full page width

  • Resolved apotterdd


    I’ve set some things in the sidebar like rss, categories and meta. I also have three text widgets in the footer.

    Problem is with the sidebar having content the footer no longer spans the width of the page and my third footer widget goes down to the next line. When I take the widgets out of that sidebar the page footer looks like I’d like it.

    Is there anyway to get the footer to span the width again and keep the sidebar widgets? I am using a child theme.

    The site’s at



Viewing 6 replies - 1 through 6 (of 6 total)
  • That’s what is intended. If you have widgets in the “sidebar”, then the “footer” gets shorter so that the sidebar will not overlap the “footer”.
    Another option is that you can use a Custom CSS plugin and add

    .sidebar .site-footer .widget-area {
    	max-width: 1040px;
    	position: relative;
    	left: 0px;

    But if you have too many widgets on the “sidebar” they will overlap the footer. Choosing another theme might be a better option.

    What Laura suggested won’t work alone. You need to modify the parent theme’s functions.js

    You need to change the .sidebar .site-footer .widget width to 245 (your wish) px and change the value in functions.js to ensure that widgets get placed properly.

    I’ve done the same thing on my site:

    Thanks. I went ahead last week and changed my theme and forgot to come back here and resolve the thread.

    It’s really disappointing to see the level of support for twenty thirteen. I initially replied within 30 mins of your posting but it got deleted by the mods for no apparent reason.

    thanks rohit,

    that did the trick. spent too many hours trying figure that one out

    Hi all,
    I was happy to stumble apron this forum today as I have been struggling with a client site with this EXACT ISSUE and info is nowhere else to be found.

    These are the things I have done –

    Parent and child —-

    .sidebar .site-footer .widget-area {
    max-width: 1040px;
    position: relative;
    left: 0px;

    Child ——-

    .sidebar .site-footer .widget {
    width: 245px;

    Parent Functions.js —-


    if ( $.isFunction( $.fn.masonry ) ) {
    var columnWidth = ‘.sidebar’ ) ?228 : 245;


    if ( $.isFunction( $.fn.masonry ) ) {
    var columnWidth = ‘.sidebar’ ) ? 245 : 245;

    Travis – did you do anything else?

    Rohit – did I miss anything?

    Apotteredd – your’s is exactly what I am looking to do. Mind mentioning the tweaks you made? Any insight to this is greatly appreciated!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Sidebar shortens footers full page width’ is closed to new replies.