WordPress.org

Support

Support » Themes and Templates » Sidebar: Widget overlaps footer

Sidebar: Widget overlaps footer

  • Hello,

    i have a problem with Twenty Thirteen and he Sidebar / Footer!

    A large Widgets with many entrys, overlaps the Footer. You can see this here: http://goo.gl/yc5GmT

    Is here anyone with the same problem? How can i fix that?

Viewing 15 replies - 1 through 15 (of 16 total)
  • What your seeing is actually part of the design.

    If you look at one of my test sites. 2013.robertdall.com

    I am using the monster widget and a couple more widgets and they flow to the bottom of the widget area in the footer. The actually footer is below, you have yours in orange.

    But if you have a lot more content then what you have in the widgets you’ll see it doesn’t sandbox.robertdall.com

    That area on the side is actually held for the right sidebar widget area if you take a look at screenshot http://cl.ly/image/2z3c0P312I2T the div outline it shows the below sidebar widget is actually only three columns wide with the fourth column saved for the right sidebar widget are.

    You’ll have to figure out how to stop those widgets from not entering into the bottom widget area. But it isn’t bug.

    ExitToTheLeft

    @exittotheleft

    .. but it is an stupid feature! Thanks Robert four you post! 🙂

    brometheus55

    @brometheus55

    No, it isn’t.

    lavijain

    @lavijain

    i have tried to disable it using css but no success how can i make it to no overlap.

    do anybody has any solution./..

    lavijain

    @lavijain

    okay so i have resolved this issue using css at last i changed the default css of the divs i am defining….
    the height i gave in site main according to my website need i know it can’t be resolved like this but it can help for a little height sidebars…..

    little helpful as for me …

    .site-main {
    position: relative;
    height:auto;
    min-height:640px;

    }
    .site-main .content-area{
    position:relative;
    min-height:100px;
    height:auto;

    }
    .site-main .sidebar-container {
    height: 0;
    position: absolute;
    top: 40px;
    width: 100%;
    z-index: 1;
    }

    Do you find that when you have the sidebar and the footer with four widgert, the last footer widget fails to display or displaying under the first widget?

    I’m having this same issue… I have a small sidebar with links to sub pages. It sticks at the top part, where I like it. But then for no reason the bottom 4 widgets (in the footer) don’t go full width. The furthest right widget goes underneath the 3 widget.

    I tried for a while editing the css to fix, but can’t seem to find a solution.

    Any luck anyone?

    same problem! my sidebar overlaps the footer on my individual pages but not the home page with my blog posts…has any found a solution??

    Hi Funfitgirl

    It’s a design decision. See above comment.

    If your not a fan of the sidebar issue you can try lavijain solution or make a child theme of your own a solve your issue that way.

    Love it or hate it that is the way the theme was designed.

    WPyogi

    @wpyogi

    Forum Moderator

    @ben Newton – bnewton.co.uk – please see:

    http://codex.wordpress.org/Forum_Welcome#Helping_Out

    @wpyogi Ah – I’m not trying to promote my site, sell themes, plugins or anything else; merely provide a solution to the issue raised. It isn’t feasible for me to post all of that in here…

    It’s rather frustrating you’ve tried to suggest I am doing anything other than trying to help to be honest. You’ve just quoted rules which I’m fully aware of, and haven’t broken any.

    If you’re helping out, do your best to fully assist the person having the issues (I provided a solution), and do not use your support as an excuse to promote your own site/themes/plugins (no plugins or themes here, site – perhaps, but only because I can’t write an essay here). That behavior is frowned upon. (I haven’t done that behaviour, what if someone else linked to my site? would that be frowned upon for providing the same solution?)

    Similarly, we ask that you not demand payment (No payment neccesary), solicit work (no obligations either!), or take the conversation to a private location (none needed, they can comment here). The point of helping out on the WordPress.org forums is to help out on the forums. Remember, we don’t want to be this guy. Leave something for the next person who searches to have an answer too. (I left a solution)

    WPyogi

    @wpyogi

    Forum Moderator

    I’m glad your intentions are good – thanks 🙂 . (Not everyone’s are.) But when you post a single line answer with a link to your site in multiple old threads (some already marked resolved), that starts to look iffy/spammy.

    You also really should explain how to make these changes in a child theme – since modifying a default theme really isn’t a good way to go.

    Ah I’ll take that on board for future posts and be sure to provide a little more along with any links I may have. Apologies for getting the wrong end of the stick, I just noticed that nowhere else online had a solution that was practical without having to move the footer down a whole lot. It makes sense to hide what isn’t necessary and let your posts decide the page-height.

    As for the child theme – that’s a good point; I probably should set that up in the demo for less savvy users. It’d definitely be safer to do this in a child-theme in that instance.

    Thanks for pointing that out for me though; I appreciate it, and I’ll definitely take it with me for future posts.

    WPyogi

    @wpyogi

    Forum Moderator

    No problems – it’s a hazard on both ends of this – we see too many people out to game the system so we’re kind of quick to jump on it :). And you’re certainly right that a good solution for that theme modification will be appreciated – child theme version even better!

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘Sidebar: Widget overlaps footer’ is closed to new replies.