Skip to content

Comments

fix: remove lines wrap from code blocks for mobile scroll#2636

Merged
ethanpalm merged 1 commit intomintlify:mainfrom
AbhiVarde:fix/remove-lines-wrap
Jan 12, 2026
Merged

fix: remove lines wrap from code blocks for mobile scroll#2636
ethanpalm merged 1 commit intomintlify:mainfrom
AbhiVarde:fix/remove-lines-wrap

Conversation

@AbhiVarde
Copy link
Contributor

@AbhiVarde AbhiVarde commented Jan 11, 2026

Summary

Removed lines wrap attribute from code fence declarations to enable proper horizontal scrolling on mobile devices.

Problem

Code blocks with lines wrap were forcing text to wrap instead of showing a horizontal scrollbar, breaking mobile UX.

Solution

  • Removed lines wrap from all code blocks in /organize/settings.mdx
  • Enables proper overflow-x scrolling on small screens
  • Consistent behavior across all documentation code samples

Screenshots

Before After
Before - text wrapping After - horizontal scroll

Before: Code wraps to new lines, making it hard to read
After: Code maintains formatting with horizontal scroll


Note

Removes forced line wrapping from code fences to fix mobile code block scrolling.

  • Strips lines wrap from fenced code blocks in organize/settings.mdx and localized es/, fr/, zh/ versions, including interactive API example blocks
  • Visual/formatting-only change; no content or schema updates

Written by Cursor Bugbot for commit 503747e. This will update automatically on new commits. Configure here.

Copy link
Collaborator

@ethanpalm ethanpalm left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for creating a PR and helping improve the Mintlify docs, @AbhiVarde! I'll get this merged

@ethanpalm ethanpalm merged commit 45da0d6 into mintlify:main Jan 12, 2026
2 checks passed
@AbhiVarde
Copy link
Contributor Author

Thanks for creating a PR and helping improve the Mintlify docs, @AbhiVarde! I'll get this merged

Thanks a lot, sir... really appreciate the review and merge! 🙏

On smaller devices, I noticed two related UX issues that might be worth a look:

  • The docs AI chatbot width appears inconsistent on the introduction page compared to other pages
  • The changelog page shows a similar overflow issue in the tag filters

Hope this is helpful.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants