Entropia Museum Development Log
Today focused heavily on mobile responsiveness, UI stabilization, navigation improvements, community engagement systems, and overall polish across the Entropia Museum platform.
One of the biggest issues finally resolved today was the long-standing mobile horizontal scrolling bug that had been affecting the index page, events page, and Unreal Engine roadmap page on real mobile devices. The issue had been extremely frustrating because it did not properly reproduce inside desktop browser responsive tools, only on physical devices such as the Samsung S24 Plus.
After extensive debugging, testing, and CSS analysis, the root issue was identified as mobile viewport overflow behaviour caused by a combination of complex responsive layouts, transformed elements, and mobile browser rendering quirks. The final successful fix involved implementing a mobile-only overflow containment system using:
@media (max-width: 1200px)
with:
html,
body {
overflow-x: hidden;
}
This successfully removed the unwanted horizontal dragging and display shifting without breaking desktop functionality, gallery filter navigation, or JavaScript interactions. The issue had been present for weeks and affected the overall “app-like” feel of the mobile experience.
Additional mobile responsiveness improvements were also completed today. Widget containers across the homepage and events systems were adjusted using a centralized responsive scaling block. Multiple core widget classes were added into a reusable mobile width management system including:
-
index-hero-widget
-
index-news-ticker
-
index-top-layout
-
index-main-column
-
museum-widget
-
events-live-news
These widgets now properly resize on smaller devices using:
width: calc(100% - 20px)
combined with automatic centering and box-sizing protection. This significantly improved spacing and visual breathing room on mobile while preventing widgets from touching the edges of the screen.
The mobile navigation drawer also received multiple fixes and improvements today. A missing responsive stacking rule for the third navigation row was identified and corrected, fixing the broken alignment of the Gallery, Stories, Videos, Guides, and Magazines buttons on mobile devices.
Additional spacing was then added between navigation rows to improve readability and overall presentation inside the mobile drawer menu. The result now feels significantly more like a native mobile application rather than a traditional responsive website.
The logged-in navigation bar was further upgraded by integrating a persistent “My Points” display directly into the header system. This allows users to constantly see their contribution points throughout the site experience without making the system feel overly aggressive or gamified. After several layout adjustments and alignment fixes, the points display now sits naturally beneath the Dashboard and Logout buttons without affecting the main navigation alignment.
The story system also received improvements today. Automatic plain text URL conversion was added to story submissions so that pasted links are automatically converted into clickable hyperlinks unless they are already wrapped inside proper anchor tags. This improves usability for contributors unfamiliar with TinyMCE link tools while preventing duplicate link formatting.
Additional instructional messaging was added to the story submission page explaining how contributors can cross-link approved gallery images directly into their stories using direct view URLs. This helps encourage interconnected content between the gallery and story archive systems while keeping story pages primarily text focused.
The story display system itself also received an important mobile layout fix involving overflow behaviour and container expansion issues. A dedicated page-specific class system was introduced to isolate special story layout behaviour without impacting the rest of the gallery system globally. This resolved a difficult visual overlap issue that had been affecting one specific story layout scenario on mobile.
The notification broadcasting system inside the admin dashboard was upgraded today to support optional point rewards alongside notifications. Administrators can now distribute points directly through the send notification system while automatically creating matching entries inside the point_transactions table for tracking and auditing purposes.
The events system also continued evolving today and is becoming one of the central engagement systems for the entire Museum platform. A special 24-hour community story submission event was launched offering PED rewards for approved real player stories while explicitly disallowing AI-generated submissions. The event also tied into the existing story giveaway system, allowing contributors to additionally enter a 1000 point prize draw.
The community response began immediately with new Discord signups, new story submissions, and even linked video submissions connected directly to player stories. One especially detailed historical story submission about “The March on Troy” was approved and showcased today, demonstrating the long-term value of the Museum archive concept.
Additional usability and organizational improvements completed today included:
-
Added Events and About Events pages to the internal sitemap system
-
Added support for Shorts content inside the video submission logic
-
Improved CTA panel styling on the homepage to match the shared Museum widget design system
-
Continued refining shared responsive CSS architecture for future scalability
-
Further stabilized the overall mobile user experience across the platform
The mobile experience now feels dramatically more polished, immersive, and app-like compared to previous builds. Multiple long-standing UI frustrations that had existed for weeks were finally resolved today through a combination of responsive architecture cleanup, layout stabilization, and targeted CSS restructuring.
