Floating Navigation Links on webpage?

Theming
1

Hi all,

One of our author’s spotted this floating navigation links on a book at a self-hosted instance of pressbooks.

image
image1870×676 127 KB

The Navigation links are found in the center of the webpage on the web version instead on the bottom of the page. Further, on long pages the jump to top arrow shows up on the bottom left.

Does anyone know how they did this or any guidance in how to duplicate the effect?

Thanks!

2

hi @EttaT it was probably done with custom CSS (custom styles). You can probably inspect using the inspect tools in your browser console to get a sense of what selectors they targeted and rules they applied if you wanted to reproduce it in your book. Here’s a quick tutorial if you’ve never done this before: Visualizzare e modificare i CSS  |  Chrome DevTools  |  Chrome for Developers

3

Would it be possible to share the URL to that book? I’d love to help create a ‘How-To’ on how to do this. I think it would improve navigation intuitiveness quite a bit.

4

No problem, Theoretical Models for Teaching and Research. Any guidance would be appreciated as I’m struggling to locate the Style changes.

Thanks!
Etta