I'd like to add a copyright notice to the bottom of the sidebar in the Magazine theme. By "bottom" I mean the bottom of the viewport (regardless of screen - mobile, tablet, desktop).
While I was poking around in the source code, I also saw this reference to a "top" button that should appear in the sidebar if the user scrolls the main content div below the height of the viewbox:
<a id="top_button" style="position:absolute;bottom:0;width:3rem;height:3rem;line-height:3rem;" class="mb3 white bg-black-20 lh-title br-100 f3 db tc bn no-underline" href="#top">↑</a>
As is, I could never trigger the button's appearance. But when I changed the "bottom:" value to anything but "0," the button did appear — and did function — as expected. I'd also be interested in moving this down to the bottom of the viewport.
Any advice is greatly appreciated!
You'll want to add these styles to #top_button:
position: fixed;
bottom: 8px;
opacity: 1;
Once you get the button displayed, you'll be able to copy the technique to add a copyright statement. Does that help? Please let me know if you have any questions about this or anything else
Answered 2 years ago · Improve this answer