Turbo - Move Sidebar to Bottom on Mobile

Comments

7 comments

  • Avatar
    Lainoml

    Did you find a solution for this? I would also like to move the location of the sidebar on mobile.

    0
    Comment actions Permalink
  • Avatar
    Bill Hardin

    Unfortunately I have not. Would still like to move it though. Or remove it entirely. At least on our site, that sidebar just duplicates a lot of the menu options that are available in the hamburger menu, so we could do without it on mobile.

    0
    Comment actions Permalink
  • Avatar
    Lainoml

    Thank you for responding. I would let you know if I find anything that may work/help.

    0
    Comment actions Permalink
  • Avatar
    Peter Gardner

    Hi Lainoml and Bill Hardin,

    Although this is a relatively easycustomization, it's a not the easiest one to explain.

    On a higher level (perhaps you could give this to a dev you work with) to reposition the sidebar to be lower down in the code and then add a few additional CSS styles in order to maintain the sidebar on the left on desktop.

    The sidebar is called via this bit of liquid {% include 'sidebar' %} - this is the thing you need to move to below the closing </div> of the twelve column div contained just below the existing position of the include.

    You can then use either float positioning or flex positioning to adjust the desktop layout.

    Hope this helps...

    2
    Comment actions Permalink
  • Avatar
    Lainoml

    Thank you Peter. I follow, unfortunately while I am comfortable with HTLM/CSS not so much with Liquid. I may try a couple of things, but most likely I'll need a bit of dev help...

     

    0
    Comment actions Permalink
  • Avatar
    Bill Hardin

    Hi Peter Gardner, thank you so much! We'll have to play around with this.

    0
    Comment actions Permalink
  • Avatar
    Paul

    Has anyone found a way to do this? It's driving me nuts!!

    0
    Comment actions Permalink

Please sign in to leave a comment.