Sidebar shortens footers full page width

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: https://techtage.com

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 —-

Changed

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

To

if ( $.isFunction( $.fn.masonry ) ) {
var columnWidth = body.is( ‘.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!