Layout Issue in Mint Theme on Mobile: Topic List Container Not Full Width

Contribute Bug
, ,

AI-generated summary

serkhelesheyi reports a mobile layout bug in the Mint Theme on Discourse: the topic list container does not span the full screen width, leaving unused space on both sides. This issue is exclusive to mobile views and does not occur on desktop. The user requests confirmation whether this behavior is intentional or if it can be fixed via theme settings or custom CSS. No layout-affecting plugins are active, and the theme is up to date. A screenshot is included to illustrate the problem, showing the boxed topic list with visible empty margins. The user also asks for guidance on how to adjust the layout for better mobile usability and screen space utilization. The post includes reversed text, likely due to a copy-paste error, which appears to be a mirrored version of the original message. The environment details confirm the issue is isolated to mobile browsers and not caused by external plugins or outdated versions.

1

Hello,
I’m currently using the Mint Theme on my Discourse forum and have encountered a layout issue that only appears in mobile view.

Problem Description:
On the latest page, the topic list container does not span the full width of the screen. Instead, it appears boxed with noticeable empty space on both the left and right sides, which disrupts the visual balance and reduces usable screen area. This issue is not present in desktop view, where the layout behaves as expected.

Environment Details:

  • Theme: Mint Theme (latest version)
  • Platform: Mobile only (tested across multiple browsers)
  • Plugins: No layout-affecting plugins installed
  • Custom CSS: None applied
  • Discourse & Theme Version: Fully up to date

Screenshot:
Below is a screenshot showing the issue. You can clearly see the unused space flanking the topic list container:

!Mobile layout issue: boxed topic list with empty margins
!Mobile layout issue: boxed topic list with empty margins1080×1706 92.5 KB

Request:
Could you please advise whether this behavior is intentional in the Mint Theme’s mobile layout, or if it can be adjusted via theme settings or CSS override? Ideally, the topic list should utilize the full screen width on mobile for better readability and user experience.

Thank you in advance for your guidance!

1 Like