--- title: "How to Change WordPress Tabs on Hover?" url: https://nexterwp.com/docs/change-wordpress-tabs-on-hover/ date: 2023-02-10 modified: 2026-09-14 lang: en author: "Aditya Sharma" description: "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..." image: https://nexterwp.com/wp-content/uploads/2024/05/change-wordpress-tabs-on-hover-1024x519.jpg word_count: 395 --- # How to Change WordPress Tabs on Hover? ## 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. 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](https://nexterwp.com/docs/add-tabs-on-wordpress/).* [LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-tab-content/) ## 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 - Add the **Tabs Tours** block to your page and click **Design from Scratch**. - 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](https://nexterwp.com/wp-content/uploads/2026/09/tabs-tours-tabs-list.webp) - Set each tab's **Content Type** and fill in its content. ![The Content Type setting on a tab](https://nexterwp.com/wp-content/uploads/2026/09/tabs-tours-content-type.webp) - Open the **Extra Options** panel and set **Tabs/Tours Type** to **On Hover**. ![The Tabs/Tours Type setting with On Click and On Hover](https://nexterwp.com/wp-content/uploads/2026/09/tabs-tours-tabs-type.webp) - 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 - [Open a specific tab by default](https://nexterwp.com/docs/open-specific-tab-by-default-in-wordpress/)- [Tabs Tours block: all settings](https://nexterwp.com/docs/add-tabs-on-wordpress/)- [Vertical tabs layout](https://nexterwp.com/docs/vertical-tabs-in-wordpress/) ## Frequently Asked Questions **Q: How do I make WordPress tabs open on hover instead of click?** A: 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. **Q: Why is hover not working in the editor preview?** A: 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. **Q: Does tab hover work on phones and tablets?** A: 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. **Q: What should I use if hovering through tabs feels too twitchy?** A: 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. **Q: How many tabs can I add with Tabs Tours?** A: 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. **Q: Where can I see all Tabs Tours settings and related docs?** A: For a full settings reference, use [Tabs Tours block: all settings](https://nexterwp.com/docs/add-tabs-on-wordpress/) or the [Tabs Tours block guide](https://nexterwp.com/docs/add-tabs-on-wordpress/). If you need a different starting state, [Open a specific tab by default](https://nexterwp.com/docs/open-specific-tab-by-default-in-wordpress/) covers that use case, and [Vertical tabs layout](https://nexterwp.com/docs/vertical-tabs-in-wordpress/) covers layout changes.