WordPress.org

Support

Support » Themes and Templates » Left Sidebar showing at bottom of page

Left Sidebar showing at bottom of page

  • Hi all,

    My left sidebar is showing on the left when I view my website on desktop. But when I switch to a mobile device (Iphone or tablet) it jumps to the bottom of the page.

    I would like it to be on top instead. It used to be but since I updated to WordPress 3.8.1, it has now moved to the bottom.

    Any ideas. Thanks in advance for your help.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Can you give a link to your site?

    Unfortunately not at this stage.

    But I’ve noticed another post a few months ago where the same issue was mentioned.

    http://wordpress.org/support/topic/flawed-left-sidebar-placement-on-small-media-screens?replies=3

    I have tried what was mentioned in the post but no changes for me. I was hoping someone could point me in the correct direction.

    Cheers

    Well, the problem is that customizr uses the min version of that script, so you have to modify tc-scripts.min.js, or modify the normal version and use some tool to create automatically a min version, or tell customizr to use the normal version..

    Thanks for the tip.

    Didn’t realize it was using the “min” version of that script.

    Changed that and it worked

    Thanks for your help @d4z_c0nf

    Hey Manu and d4, I’ve studied this link and tried every thing,
    went to the link provided by awesome d4z and I can’t get it to work,

    hey manu or d4, what did you change exactly to get this to work?

    I’m having the same issue and I really need a solution.

    @michael,
    I didn’t provided any link in this topic 😀
    Also I didn’t try this solution, since I don’t use a left sidebar, all I can say is that looking at what ludwigt said in the link Manu provided, if I understand right, is something like this:
    try to find this line in tc-scripts.js

    767 > c && (g && h ? a(d).insertBefore(e) : g ? a(d).insertBefore(e) : a(d).insertBefore(f))

    and replace the second a(d).insertBefore(e) with a(d).insertAfter(e).
    Now the problem is that customizr uses the min version of that script, so you have 3 alternatives:
    1) change tc-script.js, then generate (with some tool, google will help) the min version and replace tc-scripts.min.js.
    2) make that change in tc-scripts directly (it will be a bit hard, ’cause min scripts are hard to read)
    3) change tc-scripts.js and find out where customizr enqueue the min script (inc/class-fire-resources.php) making it to call the non min version.

    Hi Michael,

    I actually changed the min version of the script directly. Probably not the best way to go about it but it worked.

    the section I changed in the tc-scripts.min.js was

    {767>e?a("#main-wrapper .container .span3.tc-sidebar").insertAfter(f):i&&j?a(f).insertBefore(h):i?a(f).insertAfter(g):a(f).insertBefore(h)}

    I replaced .insertAfter(f) with .insertBefore(f) and it seemed to do the trick.

    Hope that helps. The 3rd suggestion that d4z_c0nf made is probably the “cleaner” way of doing things though.

    Hi Manu, thank you for stopping by the thread,
    and explaining the method you used! awesome.

    I’m going to further investigate the method and see what I come up with, I will keep you posted, thank you so much, again!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Left Sidebar showing at bottom of page’ is closed to new replies.