Moving sidebars to the other side

  • Hi. You told me I could move the sidebar to the left with this css:
    @media (min-width: 992px) { .page-id-60 .main.col-lg-9.col-md-8 { float: right; } }

    I actually want to move almost all sidebars to the left. Is there a way to do that and then put in css to move the other few to the right?

    Alternatively is there a way to list all the page numbers in one line? Or do I have to copy and paste that code sixty times for sixty pages, just changing the page numbers?

    And if I do the sixty times thing, will all that css slow down my website?

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

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

    (@hannahritner)

    Hey,
    If you want the bulk of your sidebars to be on the left then it would be better to use css that moves all your sidebars over, and then add additional css for your specific pages that you want it on the right. That css would look like this:

    @media (min-width: 992px) {.main.col-lg-9.col-md-8 { float: right; }
.page-id-60 .main.col-lg-9.col-md-8 { float: left; } }

    Hope that’s helpful!

    Kindly,
    Hannah

    Thread Starter shaunshaun

    (@shaunshaun)

    Okay, what’s the css to move everything left?

    And- is there a way to put the other pages’ sidebars to the right with one big css listing all those pages, or do I have to have code for each page separately?

    hannah

    (@hannahritner)

    Hi,
    You would need to do it all separately. What pages are you wanting it on the left on? Can you link to them?

    Kindly,
    Hannah

    Thread Starter shaunshaun

    (@shaunshaun)

    Okay, so I know that in general sidebars go on the right. Menus go on the left or top.

    My menu is on the top. But there are some pages with an additional menu that should be on the left. But it’s not coded as a menu, it’s coded as a sidebar.

    All the pages on the left linked to on this page:
    https://www.ivystandup.com/hire-comedians
    (that page has the sidebar on the left because you gave me the css, but I think I should have all the other pages also with a left menu/sidebar, such as
    https://www.ivystandup.com/montana-clean-corporate-comedians

    Thread Starter shaunshaun

    (@shaunshaun)

    Oh, and to be clear I know how to find the page numbers so I can use your css to move all the sidebars to the left, and then just the regular sidebars back to the right with the other css you gave me.
    I was just hoping that instead of additional css for each page there was a way to list all the page numbers in one line.

    Thanks!

    hannah

    (@hannahritner)

    Hey Shaun,
    You can add each page id to one line. So it would be like this:

    @media (min-width: 992px) {.main.col-lg-9.col-md-8 { float: right; }
.page-id-60 .main.col-lg-9.col-md-8, .page-id-61 .main.col-lg-9.col-md-8 { float: left; } }

    Does that make sense?

    Kindly,
    Hannah

    Thread Starter shaunshaun

    (@shaunshaun)

    Sure, thanks. I already put in the code for all the pages I want to have the sidebar on the other side.

    If I changed it to this so it was all one line of code instead of separate lines, would that have any effect on the page load speed?

    hannah

    (@hannahritner)

    Hey,
    It shouldn’t be a noticeable change if there is one.

    Kindly,
    Hannah

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Moving sidebars to the other side’ is closed to new replies.