Mobile Styling
- Mobile layout is everything for customers these days, does anyone else feel we’re losing too much to menus that should be hidden on scroll for user UX?
- Also having the ability to shorten the ‘show more’ especially for more visual image/video communities? Currently a user post with a first comment could be 3,000 characters.. that’s with a show more on the users post
We're working on the mobile view, on space routes, the mobile menu & footer hides on scroll down, just like the Facebook iOS app. And on other routes, the bottom mobile footer also shrinks.
Tawsif Ahmed Riyad the sticky mobile header & footer is perfect for me as it is. Please do not change it.
You can add hide on scroll as options for those that want it
Tawsif Ahmed Riyad Exactly
So many of us love the current top and bottom Mobile menu, including me. Please don't replace it, instead add a new option for those that want Facebook style
Bryan William, the scroll-to-hide feature for the header and footer is still in the review phase. Since opinions are split, it will be an optional setting if it's approved.
Tawsif Ahmed Riyad Good to notice that opinions are split, because I so much love the current version
It’s not being ‘replaced’ just hidden when scrolling on mobile - I’m sure this can be a simple toggle option too.
Mobile users are losing 40-50% of the screen with this current setup.
Facebook do it for a reason 😅
Tawsif Ahmed Riyad For now, could please add a stable, documented CSS class to the mobile scroll container in Fluent Community.
Then I could write custom JS to hide the header/footer on scroll, but the feed scrolls inside an internal element rather than the window. Without a guaranteed selector, any class I target today could change in a future release and break my customization.
So if you add a class like fcom-scroll-root (or whatever name you prefer) to the mobile scroll container element, and commit to keeping it stable across versions. That's it — no behavior changes needed.
With that one selector documented, I can write a few lines of JS to attach a scroll listener and handle the rest myself.
Hide Mobile Bars on Scroll Down, added in v2.5.0