12% off of LTD using this coupon: TWELVEPERCENTOFF. Promo ends on 2 Dec midnight UTC.
Published on Nov 11, 2018

Previous and Next Sticky Tabs in Oxygen

Sridhar Katakam

Updated on July 04, 2019

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.

Step 2

Add a Code Block inside the Section.

PHP & HTML:

This is a premium members-only content.

To view the rest of the content, please sign up for membership ($47/month or $599 one-time).

Already a member? Log in below or here.

tagschevron-leftchevron-rightchainangle-rightangle-upangle-downfolder-omagnifiercrossmenuchevron-downarrow-right