Updated on December 01, 2018

This members-only tutorial provides the steps to add previous and next sticky tabs when viewing a single post in Oxygen. Hovering on these will slide open links to previous/next post.

You can see this in action on any single post of this site, such as this current page.

At the moment Safari does not apparently support vertical text where the letters are actually vertical. So these are going to appear with the text sideways.

On smaller screens, the links will appear "normally".

Step 1

Edit your Template for single posts in the Oxygen editor.

Add a Section at the end.

Advanced > Container Padding: 0 for top and bottom.

Add a Code Block inside the Section.

Assign it a class of previous-post and adjacent-post.

PHP & HTML:

This is a premium members-only content.

To view the rest of the content, please sign up for membership (one-time payment for lifetime access).

Already a member? Log in below or here.

Need help implementing a tutorial in your site or want to hire me for custom work?

HIRE ME

Find the article helpful and wish to donate?

DONATE

Comments

For adding code blocks wrap the code in three backticks. Markdown should work.
Provide a URL of your site/webpage if something is not working.
>
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram
%d bloggers like this: