WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Thirteen
[resolved] Sidebar shortens footers full page width (7 posts)

  1. apotterdd
    Member
    Posted 1 year ago #

    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 http://www.mddu.com

    Thanks.

    Anita

  2. Laura Hartwig
    Member
    Posted 1 year ago #

    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.

  3. 008Rohit
    Member
    Posted 1 year ago #

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

  4. apotterdd
    Member
    Posted 1 year ago #

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

  5. 008Rohit
    Member
    Posted 1 year ago #

    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.

  6. Travis S.
    Member
    Posted 11 months ago #

    thanks rohit,

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

  7. jessicaclark
    Member
    Posted 10 months ago #

    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!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic