WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Thirteen
[resolved] Sidebar overlaps footer (8 posts)

  1. afacero
    Member
    Posted 1 year ago #

    I have a problem with the sidebar and the footer:

    I have two widgets stacked on top of each other. I would like the footer to just shift down until the widgets have finished displaying the information. Instead of overlapping with the footer.

    All of my custom CSS changes to the themes have been on the menu and h1 tags, and are not directly added to my theme. They are added to the Jetpack version of add your own CSS code. When I disable that I still have the same issue.

    Website link: http://cusert.carleton.ca
    Any ideas?

    Thank you!

  2. yorokobi
    Member
    Posted 1 year ago #

    I can tell you it's that way by design, notice that if there is content in the sidebar, then the footer goes from 4 column to 3 column to leave a "space" for the sidebar to comedown and overlap if needed.

    I went a few rounds about this myself before I realized what was going on design wise.

    I never did find a way to "fix" it, but I'd assume you'd not only want to make the sidebar push the footer down, but also restore all 4 columns in the footer as well so it doesn't appear shifted to the left....

  3. leejosepho
    Member
    Posted 1 year ago #

    This plugin takes care of a similar problem I had in Twenty Twelve, and now I see Twenty Thirteen is also on its list:
    http://wordpress.org/plugins/standard-widget-extensions/

  4. blogger323
    Member
    Posted 1 year ago #

    I agree that my plugin, Standard Widget Extensions, might cause overlapping of a sidebar and a footer in dynamic pages. You could avoid this by calling swe.resizeHandler() at the end of JavaScript which manipulates contents.

    But regarding your front page, it might not be caused by the plugin. I replayed overlapping without the Standard Widget Extensions when I use a Twitter widget from Jetpack in Twenty Thirteen. You could easily confirm this by disabling the Standard Widget Extensions.

    For me, it seems that Twenty Thirteen with dynamic widgets also needs to be taken care after whole contents has been built.

  5. blogger323
    Member
    Posted 1 year ago #

    One solution is to define widget heights statically by using CSS. For me, following code works for a Twitter widget with 400px height.


    #twitter_timeline-4 {
    height: 460px;
    }

    You need to adjust id and the height value for your theme. I hope this could help you.

  6. afacero
    Member
    Posted 1 year ago #

    Well I decided to take the extremely easy way out. I just made my footer white.

    Yup. a simple colour change and you don't even notice it. Sometimes the easiest solution works?

    Thanks for the help.

  7. 008Rohit
    Member
    Posted 1 year ago #

    "I never did find a way to "fix" it, but I'd assume you'd not only want to make the sidebar push the footer down, but also restore all 4 columns in the footer as well so it doesn't appear shifted to the left...."

    Yep, I want both of these. I also started a thread asking for the same recently but no one replied.

    http://wordpress.org/support/topic/making-two-sidebars-independent-of-each-other

  8. diane-sp2
    Member
    Posted 4 months ago #

    Removing the absolute positioning of the sidebar and forcing the footer widget area to be the correct width worked for me.

    #sidebar {
    position: relative;
    float: right;
    }
    .sidebar .site-footer .widget-area {
    left: 0;
    max-width: 1040px;
    width: 100%;
    }

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic