In a book, how do I remove the sidebar & scale the visualisations?

[shellandbull]

Description

Hello peeps!

You can find the quarto code for my issue here and the output here

I'd like to remove the navbar on the left hand side and make the visualisations scale to the width of its container so the user doesn't have to deal with overflowing issues by scrolling

my _quarto.yml looks like this currently:

format:
  html: {toc: true, toc-depth: 4, theme: cosmo}
  revealjs: {theme: solarized, navigation-mode: vertical, transition: slide, background-transition: fade, incremental: true}
project: {type: book}
book:
  title: "On higher risks yielding higher rewards"
  chapters: [index.qmd]
  page-navigation: false
website:
  navbar: false
  page-navigation: true

And here's a few images for reference

[mcanouil]

Why do you have book and website configuration in your _quarto.yml?

Books uses the sidebar (left) as default and as far as I know as the only possible navigation. That's the book project design.
Website uses the navbar (top) as default, but you can use hybrid navigation or using only sidebar.

You cannot disable something that is not there in the first place.
You cannot use website for Book project or book for Website project, or more accurately they are completely ignored as they have no meaning in the wrong context.

Regarding your question about layout:

• https://quarto.org/docs/authoring/article-layout.html
• https://quarto.org/docs/output-formats/page-layout.html

[shellandbull]

@mcanouil

I switched to use this _quarto.yml and I still have the same layout

format:
  revealjs: {theme: solarized, navigation-mode: vertical, transition: slide, background-transition: fade, incremental: true}
  html:
    toc: true
    toc-depth: 4
    theme: "cosmo"
    page-layout: article
project:
  type: book
book:
  chapters: [index.qmd]
  author: "Mario Gintili - @shellandbull on Github"
  page-navigation: false
  navbar: false
  sidebar: false

https://shellandbull.github.io/higher-risk-higher-rewards/

[mcanouil]

I don't understand what you are doing.
See https://quarto.org/docs/books/book-structure.html for the book structure.

Again, a Book by design has not (top) navbar and has a sidebar which is the chapters.
navbar: false and sidebar: false does not exist.

You'd better use a Website project if you want to have a navigation-less HTML.