Switch sidebar to left (and mobile on top)

  • angiething

    (@angelaschuurmans1987)


    5 years, 9 months ago

    Hi,

    The sidebar is at the right side of my page, is it possible to switch it to the left?

    I don’t know whether this is also related to the place of the mobile sidebar, because I want to see the sidebar on mobile first, before getting into the rest of the page.

    Is this possible?

    Cheers,
    Angela

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • hannah

    (@hannahritner)

    Hey,
    You can move your sidebar to the left with this css:
    @media (min-width: 992px) { .main.col-lg-9.col-md-8 { float: right; } }
    Just paste that into your custom css box in Theme Options > Custom CSS.
    There isn’t a way to move your sidebar above your content on mobile. A workaround would be to add your sidebar content to the content area of your page, then use css to hide that content on desktop and have it only show on mobile. And you could hide the actual sidebar on mobile. Would this work for you?

    Hannah

    Thread Starter angiething

    (@angelaschuurmans1987)

    A bit of a late replay, my apologies. I don’t think the code seems to work, however my main goal wasn’t getting the desktop sidebar to the left, but to get the mobile sidebar on top. I thought I would be able to get that done easily, but it might be more work that I expected. I’m still in the process of working out where I would like to go with the website, so I’ll see what I’ll do with this.

    hannah

    (@hannahritner)

    There isn’t a built-in function for this, but a workaround would be to add content to the top of your page, then use css and media queries to hide it on mobile. Let me know if you want to go this route and I can help with the css.

    Hannah

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Switch sidebar to left (and mobile on top)’ is closed to new replies.

Tags