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 ($27/month).

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.
  • I have the same question as eliawebdesign

    and another issue.

    I have a wedding website set up with one template for PORTFOLIO and one template for VENDORS.

    They are both post types, but different templates, so when someone clicks NEXT from PORTOFOLIO and goes onto VENDORS it breaks the site.

    and I get this

    ( ! ) Fatal error: Uncaught Error: Call to a member function update() on null in /app/public/wp-content/plugins/oxygen/component-framework/components/classes/widget.class.php on line 45
    ( ! ) Error: Call to a member function update() on null in /app/public/wp-content/plugins/oxygen/component-framework/components/classes/widget.class.php on line 45
    Call Stack
    # Time Memory Function Location
    1 0.0000 401432 {main}( ) …/index.php:0
    2 0.0004 401712 require( ‘/app/public/wp-blog-header.php’ ) …/index.php:17
    3 0.2474 12177248 require_once( ‘/app/public/wp-includes/template-loader.php’ ) …/wp-blog-header.php:19
    4 0.4933 13343792 include( ‘/app/public/wp-content/plugins/oxygen/component-framework/oxygen-main-template.php’ ) …/template-loader.php:78
    5 0.4938 13347064 wp_head( ) …/oxygen-main-template.php:10
    6 0.4938 13347064 do_action( ) …/general-template.php:2745
    7 0.4938 13347440 WP_Hook->do_action( ) …/plugin.php:465
    8 0.4938 13347440 WP_Hook->apply_filters( ) …/class-wp-hook.php:310
    9 0.5436 13046744 oxy_print_cached_css( ) …/class-wp-hook.php:286
    10 0.5436 13046744 do_action( ) …/component-init.php:1066
    11 0.5436 13047120 WP_Hook->do_action( ) …/plugin.php:465
    12 0.5436 13047120 WP_Hook->apply_filters( ) …/class-wp-hook.php:310
    13 0.5436 13048248 ct_templates_buffer_start( ) …/class-wp-hook.php:286
    14 0.5436 13048272 ct_template_output( ) …/templates.php:83
    15 0.5896 13077264 do_shortcode( ) …/templates.php:31
    16 0.5902 13122256 preg_replace_callback ( ) …/shortcodes.php:199
    17 0.6270 14030048 do_shortcode_tag( ) …/shortcodes.php:199
    18 0.6270 14031096 CT_Section->add_shortcode( ) …/shortcodes.php:325
    19 0.6280 14070720 do_shortcode( ) …/section.class.php:49
    20 0.6281 14100792 preg_replace_callback ( ) …/shortcodes.php:199
    21 0.7703 14335800 do_shortcode_tag( ) …/shortcodes.php:199
    22 0.7704 14336560 CT_Section->add_shortcode( ) …/shortcodes.php:325
    23 0.7712 14370920 do_shortcode( ) …/section.class.php:49
    24 0.7713 14393288 preg_replace_callback ( ) …/shortcodes.php:199
    25 0.7787 14392792 do_shortcode_tag( ) …/shortcodes.php:199
    26 0.7787 14393904 CT_Widget->add_shortcode( ) …/shortcodes.php:325
    The site is experiencing technical difficulties.

  • magnifiercross
    >
    linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram
    %d bloggers like this: