left sidebar in responsive view comes last

  • Resolved AndreQ

    (@andreq)


    11 years, 2 months ago

    Hi, I have my sidebar on the left, with logo image and navigation. When viewing responsive in a mobile device the sidebar appears last. How can I set it so it appears first?
    I have a 25 75 grid layout, which I have adjusted in my child theme to be 100% for each grid element so they stack on top of each other rather than appear side by side (needed so the footer widgets are not floating next to each other which would make them impossibly narrow.)

    In the theme settings I have set the sidebar to appear to the left of the main content.

    The site’s temporary address is here:
    http://118.127.42.184/~loquat/

    Thanks for any help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Tom

    (@edge22)

    11 years, 2 months ago

    Hi there,

    Adding this javascript to the “wp_footer” hook should do the trick:

    https://gist.github.com/generatepress/812f375492d5e7c32213

    It basically checks to see if we’re on mobile, and if so, it moves the sidebar above the content.

    Hope this helps 🙂

    Thread Starter AndreQ

    (@andreq)

    11 years, 2 months ago

    Awesome, that does the trick! Thanks for taking the time Tom. Obviously I should’ve searched the forum better..

    Theme Author Tom

    (@edge22)

    11 years, 2 months ago

    Actually I just wrote that code for you – no on else has asked for that kind of functionality.

    Happy it works! Hopefully someone else finds it useful as well 🙂

    Thread Starter AndreQ

    (@andreq)

    11 years, 2 months ago

    You’re a legend Tom. Never thought of using Jquery for that. Could be used to reposition all kinds of things to adjust the layout for mobile devices.
    Thanks mate!

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

The topic ‘left sidebar in responsive view comes last’ is closed to new replies.