Codeinwp / Codeinwp/otter-blocks

Add option to keep Tabs block headers horizontal/inline on mobile devices

Open
#2,773 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

customer report
Dominant language
JavaScript
Stars
198
Forks
36
Avg merge
3d 4h
Merged PRs (30d)
30

Description

Requested feature

Currently, the Otter Tabs block displays tabs as a single vertical column on mobile. Users need an option to keep tabs horizontally aligned (inline) on both desktop and mobile, or at least grouped horizontally at the top. This would improve mobile usability for sites rebuilt with the Block editor using Otter Blocks.

Customer context

I have Neve PRO and am rebuilding all my site's pages, which were built with the Classic editor, with the Block editor. To do this, I'm trying to make the most of OTTER blocks. For Tabs, I haven't found a way to keep the tabs inline on mobile, but they are displayed as a single column. Is there a way to ensure that the tabs remain horizontally aligned on both desktop and mobile, or at least grouped at the top?

Triage assessment

  • Impact score: 75/100
  • Confidence score: 95/100
  • Complexity score: 40/100

Source

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by locating the Otter Tabs block implementation and its responsive styling or configuration entry points; no specific files or tests are named in the issue. Trace how the tabs switch to a vertical layout on mobile, then define the option's behavior for horizontal alignment and verify it on desktop and mobile views.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, wordpress
Domain
frontend, web-dev
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.