Skip to content

How to Change WordPress Tabs on Hover?

Updated On : September 14, 2026By : Reading Time : 2 minutes

Key Takeaways

  • Tabs Tours block switches tabs on hover when Tabs/Tours Type is set to On Hover in the Extra Options panel, so moving the cursor onto a tab title opens it without a click.
  • Nexter Blocks Free and Nexter Blocks Pro both support the Tabs Tours block, and the block takes up to 10 tabs with one tab per section.
  • Hover behavior does not exist on touch screens or for keyboard users, so phones and tablets fall back to taps and the default On Click behavior remains for those cases.
Table of Contents

On a page people are skimming, asking for a click before they can see what is in a tab is one step too many.

The Tabs Tours block can switch tabs as the cursor passes over the titles instead.

For every Tabs Tours setting in one place, see the Tabs Tours block guide.

LIVE BLOCK LINK

Before You Start

  • Edition: Free — works in Nexter Blocks (free) and with Nexter Blocks Pro.
  • Block to enable: Tabs Tours, switched on under Nexter > Blocks in your WordPress dashboard.
  • Your sections planned: one tab per section, and the block takes up to 10 tabs.

Steps

  1. Add the Tabs Tours block to your page and click Design from Scratch.
  1. Open the Content panel. Each item in Tabs is one tab — set its Title, and click Add Tab for more.
The Tabs repeater with a tab's Title field
  1. Set each tab’s Content Type and fill in its content.
The Content Type setting on a tab
  1. Open the Extra Options panel and set Tabs/Tours Type to On Hover.
The Tabs/Tours Type setting with On Click and On Hover
  1. Publish the page, then move the cursor across the tab titles to check it.

How It Behaves

  • With On Hover, moving the cursor onto a tab title opens that tab straight away — no click needed.
  • With On Click (the default) the tab only changes when the title is clicked.
  • The setting applies to the whole block, so every tab behaves the same way.
  • Tabs still switch without reloading the page either way.

Limitations

  • Hover does not exist on touch screens. On a phone or tablet the tabs fall back to being tapped, so never rely on hover alone to reveal something important.
  • Moving the cursor across the titles to reach something else flips through every tab on the way, which can feel twitchy on a busy page.
  • Keyboard users do not hover, so the click behaviour is what they get.
  • The choice is per block, not per tab.

Troubleshooting

Hovering does nothing

Check Tabs/Tours Type is set to On Hover and view the published page — the switching script does not run in the editor preview.

It works on desktop but not on my phone

That is expected. Touch screens have no hover, so the tabs respond to taps instead.

Tabs flicker as I move the mouse

The cursor is crossing several titles on its way somewhere. If that is distracting on your layout, switch back to On Click.

Related Docs

Share your Thoughts

Still in Doubt? Let’s Assist You

Raise a ticket Now

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Join Us

Related Frequently Asked Questions

How do I make WordPress tabs open on hover instead of click?

The Tabs Tours block in Nexter Blocks can switch tabs as the cursor passes over the tab titles. Set Tabs/Tours Type to On Hover in the Extra Options panel, then publish and test on the live page. That matters because the default On Click behavior adds an extra step for skimmers, while hover opens the tab immediately without reloading the page.

Why is hover not working in the editor preview?

The switching script does not run in the editor preview, so hover can look broken there even when the setup is correct. Test the published page instead, and confirm Tabs/Tours Type is set to On Hover. In Nexter Blocks, that setting applies to the whole block, so one wrong mode affects every tab at once.

Does tab hover work on phones and tablets?

Hover does not exist on touch screens, so tabs fall back to taps on phones and tablets. That means hover should never be the only way to reveal important content. In practice, Nexter Blocks keeps the same tab content available, but mobile users will interact by tapping rather than hovering.

What should I use if hovering through tabs feels too twitchy?

On Click is the safer choice when people have to move across several tab titles to reach something else. The page notes that cursor movement can flip through every tab on the way, which feels distracting on a busy layout. If that flicker becomes a problem, switching back to On Click reduces accidental tab changes.

How many tabs can I add with Tabs Tours?

The block takes up to 10 tabs, and it is built around one tab per section. That makes it a better fit for structured content than for long lists of tiny items. In Nexter Blocks, planning your sections first helps keep each tab meaningful instead of cramming too much into one block.

Where can I see all Tabs Tours settings and related docs?

For a full settings reference, use Tabs Tours block: all settings or the Tabs Tours block guide. If you need a different starting state, Open a specific tab by default covers that use case, and Vertical tabs layout covers layout changes.

Last reviewed: September 15, 2026

Related Docs

How to Add a Before and After Opacity Slider in WordPress?
icon
How to Add a Blend Cursor in WordPress?
icon
How to Add a Blockquote in WordPress?
icon
How to Add a Button in a WordPress Message Box?
icon
How to Add a Button in WordPress Timeline?
icon
How to Add a Call to Action Banner in WordPress?
icon
123………………………………………………………………53