WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Right Sidebar sporadically shifting to bottom left of content area (25 posts)

  1. momsheadquarters
    Member
    Posted 3 years ago #

    Right Sidebar sporadically shifting to bottom left of content area.

    Normally the right sidebar holds a list of links and it's home is at the top of the right sidebar...like this:

    http://www.momsheadquarters.com/the-headquarters/family-2/baby/cloth-diaper-review-2/fitted-diapers-these-need-covers

    I've noticed that if I only have one 'section box' in the content area that the right sidebar shifts to the bottom like this:

    http://www.momsheadquarters.com/the-headquarters/family-2/baby/cloth-diaper-review-2/tuck-and-go-diapers

    For awhile I was able to remedy this by simply adding an even number of 'section boxes' and this would make the right sidebar stay put. However this is longer the case. Now even with even number of 'section boxes' the sidebar shifts down. like this:

    http://www.momsheadquarters.com/the-headquarters/family-2/baby/cloth-diaper-review-2

    I've tried changing the page template to something else and then changing it back to this particular template (which use to work) and now it doesn't.

    Do you think it's something with the style sheet? What would I fix, where would I look. I'm not good with code :)

    Any help would be appreciated.

    Thank you

  2. momsheadquarters
    Member
    Posted 3 years ago #

    You can see my stylesheet here....let me know if you see anything that may help.

    http://www.momsheadquarters.com/the-headquarters/arts-and-crafts/knitting/stylesheet

  3. vicky515
    Member
    Posted 3 years ago #

    It looks to me like you're missing a </div> before the sidebar.
    I'm using Firefox & Firebug to look at your code.
    The wonky pages have the sidebar within the page div, that's why they're showing up at the bottom.

    In other words, if I add
    </div>
    directly above
    <div id="sidebar">
    the problem is fixed.

    Hope that helps.

  4. momsheadquarters
    Member
    Posted 3 years ago #

    I think that makes sense:)

    I am very much a rookie...so i'll have to try this in a bit.

    I just don't see why some pages do it and some pages don't.

    Take to wonky pages, for example. When I start the sidebar is in the right place. When I add a section box the sidebar moves to the bottom. When I add the second section box the sidebar moves back up to the right place.

    It's so crazy and so random. Do you think that fixing the </div> will fix this?

    Thank you so much for your time

  5. momsheadquarters
    Member
    Posted 3 years ago #

    I'm trying to find this code in my template. Would it be in the stylesheet or the sidebar template. I found this in the sidebar template...is this where I would change it:

    <?php

    /* sidebar - reusable blob */

    global $qlan; include "languages/".$qlan.".php"; // load language file ##

    ?>
    <!-- begin sidebar -->
    <div id="side">
    <?php

  6. vicky515
    Member
    Posted 3 years ago #

    No, that wouldn't be it...

    Are these pages using different templates, or are they all the same? Sorry, I'm still learning myself so I'm not too familiar with the various different ways themes are developed.

    So, for example, I have category.php for showing all the posts in every category, and if I wanted to change the template depending on the category (like cats and dogs) I would have category-cats.php, category-dogs.php

    Do you know if yours works the same way?
    In other words, does "fitted-diapers-these-need-covers" use a different template than "tuck-and-go-diapers"?

    If they are using the same template, then maybe there's something wrong with your sidebar and/or widgets... Since it sounds like they are the deciding factor as to whether or not you have this issue.

    Sorry if this doesn't make sense.

  7. momsheadquarters
    Member
    Posted 3 years ago #

    All of the pages with the 'section boxes' use the same template page. If they do not use a section template they use the default blank template.

  8. momsheadquarters
    Member
    Posted 3 years ago #

  9. vicky515
    Member
    Posted 3 years ago #

    yeah, this is the same issue. the second "box" div is appearing within the first "box" div. But unfortunately I'm not really sure how to help you fix it without being able to see it myself :(

  10. momsheadquarters
    Member
    Posted 3 years ago #

    Thank you so much for your time! I'll get this figured out sooner of later. I'll wait untill i get some more feedback here and we'll all get it figured out together.

    Thanks

  11. momsheadquarters
    Member
    Posted 3 years ago #

    If this is an issue with the div. Where would I insert new <div> and how would i go about this. I don't know much about code.

  12. Paul
    Member
    Posted 3 years ago #

    It is indeed a bit difficult to tell where as it might be generated dynamically by PHP. A page code template reference through pastebin might help.

  13. momsheadquarters
    Member
    Posted 3 years ago #

    How do I do this?

  14. momsheadquarters
    Member
    Posted 3 years ago #

    here is the code template for the section page which is the page I'm having trouble with (the one with the 'section boxes')

    http://www.momsheadquarters.com/the-headquarters/arts-and-crafts/knitting/section-template

  15. momsheadquarters
    Member
    Posted 3 years ago #

    The easiest way was to paste the code into a page on my site temporarily

  16. Paul
    Member
    Posted 3 years ago #

    One of your "Read more" link is broken because of invalid markup which
    is generated somewhere between

    <div class="box">
    ...
    </div>

    I guess, you'll have to dig in the code a bit more.

  17. alchymyth
    The Sweeper & Moderator
    Posted 3 years ago #

    main change:

    <?php
    endif; // counter ##
    
    endforeach ; // end box loop ##
    ?>
    
    <?php if($counter == 2) :
    //close the .row div if an odd number of box items was displayed ?>
    </div><!--.row odd-->
    <?php endif; ?>

    the last for lines in the section above are new.
    try to identify that area and add these four lines.

    (full template for reference: http://pastebin.com/LJtaAMSv )

    --------------------
    http://www.momsheadquarters.com/the-headquarters/family-2/baby/cloth-diaper-review-2
    nothing to do with the tempate structure;
    it seems that in the content of the last box 'Do You Want to See Your Company Here?' there is a closing </div> missing:
    <div style="font-family: Arial, Verdana, sans-serif; font-size: 12px; color: rgb(34, 34, 34); background-... <a href="http://www.momsheadquarters.com/the-headquarters/family-2/baby/cloth-diaper-review-2/do-you-want-to-see-your-company-here" title="Do You Want to See Your Company Here?">Read More</a>
    check this with the post editor in html mode.

  18. momsheadquarters
    Member
    Posted 3 years ago #

    That fixed the problem with the odd both/even box issue. You are GREAT!!!

    To fix the issue with the </div> missing I simply deleted that section because it was only a place holder to rectify the odd/even issue.

    Take a look at this:

    http://www.momsheadquarters.com/the-headquarters/family-2/baby/cloth-diaper-review-2/tuck-and-go-diapers

    Why are the boxes now stacking themselves. Shall I just try to redo these particular pages in hopes that the code irons itself out?

  19. momsheadquarters
    Member
    Posted 3 years ago #

  20. momsheadquarters
    Member
    Posted 3 years ago #

    ...oh and alchymyth...do you take donations on any of your sites??? You really have been a tremendous help!

  21. alchymyth
    The Sweeper & Moderator
    Posted 3 years ago #

    Why are the boxes now stacking themselves.

    is this just in these two pages?

    there seems to be an issue with the content of 'Monkey Doodlez' in http://www.momsheadquarters.com/the-headquarters/family-2/baby/cloth-diaper-review-2/swimmer-diapers (div opened, but unclosed):

    <p> </p>
    <p> </p>
    <div style="font-family: Arial,Verdana,sans-serif; font-size: 12px;" http:="" www.momsheadquarters.com="" the-headquarters="" family-2="" baby="" cloth-diaper-review-2="" swimmer-diapers="" monkey-doodlez="" title="Monkey Doodlez">Read More

    maybe simply re-do this post (?)

    same issue with 'Monkey Doodlez' in http://www.momsheadquarters.com/the-headquarters/family-2/baby/cloth-diaper-review-2/tuck-and-go-diapers

    btw: have a look at my site - follow the link on my user name ;-)

  22. momsheadquarters
    Member
    Posted 3 years ago #

    With things that come up random like suddenly boxes stacking etc....I find it easiest to redo the page and the code irons itself out. Kind of the same concept as shutting of the copier/fax and turning it back on...and finding the problem suddenly fixed :)

    I am learning this whole code thing much more now that i'm having to figure things out. I find it most helpful to open a non-working page's code right next to a similar page where is it working and compare the two. Time consuming but I'm able to think through issues a bit more.

    I will follow the site linked to you user name. You have been a huge help!

    Thanks you

  23. alchymyth
    The Sweeper & Moderator
    Posted 3 years ago #

    you are welcome ;-)

    good luck with your site.

  24. buettgenbach88
    Member
    Posted 2 years ago #

    Hi can anyone help me. I've spent hours just trying to get this like box on my page and near tears! I finally figured out they created a widget and used it but now instead of showing up on the right at the top it's to the right side at the bottom. Please help.

  25. buettgenbach88
    Member
    Posted 2 years ago #


Topic Closed

This topic has been closed to new replies.

About this Topic