text lines at the bottom are covered by 'skip to main content' while print a page

[berlin2123]

I first discovered this issue in sphinx-book-theme:
executablebooks/sphinx-book-theme#828

The same issue in pydata-sphinx-theme, while print a page by Ctrl + P.
lines at the bottom may be covered by 'skip to main content' in some pages of print.

You can see the screenshot in executablebooks/sphinx-book-theme#828 or jupyter-book/jupyter-book#2045

[berlin2123]

Temporary solution:
Add the following into custem.css, see how to add.
It seems disabled the skip-link.

/* fix: ship to main content while print webpage */
.skip-link {
    position: absolute;
}

[drammock]

based on a quick search, seems like adding CSS rules under @media print (and ideally isolating them in in a dedicated stylesheet) is the recommended approach:

• https://stackoverflow.com/a/356123/
• https://stackoverflow.com/a/4816972/