Remove sidebar from all pages

  • Resolved jlhenkle

    (@jlhenkle)


    5 years, 11 months ago

    I just installed the Canard theme on a new website, and I’d like to remove the sidebar from all of the pages. I removed the Widgets assigned to the sidebar, but I’m still seeing a line on the right-hand side. Is there a simple fix to remove the sidebar and make the page content full-width?

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

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

    (@kokkieh)

    5 years, 11 months ago

    Hi there,

    This code should do it:

    .site-main {
  width: 100%;
  border-right: none;
}

    However, be careful of making the content area too wide. Having more than 70 characters display on a line can have a negative impact on the readability of your content.

    Alternatively you can just remove the sidebar and center the content instead:

    .site-main {
  border-right: none;
  float: none;
  margin: auto;
}
    KokkieH

    (@kokkieh)

    5 years, 11 months ago

    Forgot to add – you can add the CSS to the Additional CSS section in the Customizer.

    Thread Starter jlhenkle

    (@jlhenkle)

    5 years, 11 months ago

    Thanks so much, KokkieH! Both of those solutions seem to work, so now it’s just a matter of figuring out which looks best once I get the content in place. I appreciate your speedy assistance!

    KokkieH

    (@kokkieh)

    5 years, 11 months ago

    Glad I could help 🙂

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

The topic ‘Remove sidebar from all pages’ is closed to new replies.

Tags