Codeinwp / Codeinwp/otter-blocks
Add option to keep Tabs block headers horizontal/inline on mobile devices
Nobody has claimed this yet.
- 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
- HelpScout conversation: https://secure.helpscout.net/conversation/3290256368/487826
- Conversation ID: 3290256368
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- 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