Secondary Widget Area messing up Main Widget Area

  • Resolved FVW

    (@fvw)


    11 years, 3 months ago

    Hey everyone,

    as the title already tells:
    The Secondary Widget Area (sidebar) is messing up my “Main Widget Area” (at the bottom of the page).

    As soon as I use a Widget in the Sidebar, the Widget Area at the bottom of the page is reduced to 3 sections and in the third section, widget 3 lies on top of widget 4.

    Is this a known issue and is there a fix for it?
    Thank you very much!

Viewing 10 replies - 1 through 10 (of 10 total)

  • Hi,
    I link to your site so I can see what is going on would be helpful.

    It is not an issue that you can “fix”. It is designed so that to include the more widgets in the sidebar.. say if you have 15 widgets in the sidebar in the secondary area than it may penetrate into the footer.. that is why it is kept that way….

    Thread Starter FVW

    (@fvw)

    Hey,

    I’m sorry, but I’m not able to show you the site, because it is not online yet ??
    But I uploaded a screenshot to my dropbox. Here you can find the link

    On this picture you can see, that the “Blindtext”-Widget is below the “Search”-Widget, although it should be on the right side… There is enough space, but it does not work… ??

    As soon as I remove all the Sidebar-Widgets it works like it should…
    As soon as I put a single sidebarwidget back the error reoccures…

    Unfortunately, with just a screenshot, I can’t see the code behind it in order to help you.

    Thread Starter FVW

    (@fvw)

    I just set up a testblog (click here)…

    It is the standard twenty thirteen theme…
    As soon as I remove the sidebar widget it works…

    Hi FVW,
    I’m sorry, Tusker-Machine is right. The 2013 theme is set up so that the sidebar can drop down into the “footer” area.

    You could get around this by using a plugin like the “BNS Add Widget”. Simply install it, then also install a Custom CSS plugin and add this to the CSS plugin:

    .bns-add-widget {width: 23%; float:left}
.bnsaw-credit {background-color: #220E10}

    You will have to take all the widgets out of that main footer widget. And then if you want to keep it responsive, you will have to add that CSS as well. Plus, this puts the widgets under the “Proudly powered by WordPress area”. Overall, the easiest thing to do would be to find a different theme. Sorry!

    Thread Starter FVW

    (@fvw)

    Thanks for your answers!
    But is it really true, that the new standard theme from wordpress is not able to handle two widget-areas correctly?
    I understand, that the sidebar can overlay the footer-widget-area, if the content on a site is too short, BUT my problem is not a space related problem…

    As soon as I insert one single sidebar-widget element the footer-widget-area has only 3 columns with 2 widgets over each other!? No matter if there would be enough space or not… This can’t be intended!? ??

    Is there no other solution?
    Thanks in advance!

    Yes, I’m sorry if I didn’t explain myself clearly – that’s what is intended. If you have no widgets in the “sidebar”, then there is no worry that it will overlap the “footer” so the footer can expand across the page.
    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.

    Thread Starter FVW

    (@fvw)

    Thanks!
    Your code worked perfectly!

    I just reduced the max-width to 980px, so that the widgets are a bit more “centered”.

    So again: Thank you very much!
    All the best and best regards!

    Thread Starter FVW

    (@fvw)

    Forgot to mark the topic as resolved, sorry!

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Secondary Widget Area messing up Main Widget Area’ is closed to new replies.