Excluding navbar when printing

This might be more of a question than an issue as I’m quite new to CSS (which could be my issue) and I’m just learning it.

I’m playing around with putting my revealjs slide in a vue component. I am trying to print using decktape, but it seems like I can’t find a way to exclude the navbar.

My setup uses vuejs with bootstrap-vue. I’ve made a sample site here: https://deanagan.github.io/gallery/

I am using decktape version 3.1.0

This is how I print my slide:

decktape reveal https://deanagan.github.io/gallery/ -s 1380x860 --chrome-arg=--disable-web-security --chrome-path "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" slides.pdf

The output still has the navbar on top in the pdf. Is there a way to exclude it?

I tried adding "class=“d-print-none” which is bootstrap 4’s way of excluding from print, but it doesn’t work.

[deanagan]

Sorry about that. You are right, it is coming from my PDF viewer.

[deanagan]

Thanks! I’ll do a bit of experimenting and see what I possibly could come up with.