Hey, Asking on behalf of a client, what’s the easiest way to change the design of the Discourse App for a community? Are we stuck with a single design that reflects the homepage or can we simply have one design for the desktop and one design for the app?

There’s a theme component that does that. [image] Force Mobile Homepage Theme component Currently the default homepage settings found in the admin panel and user preferences apply to both desktop and mobile. This is a very simple theme component that will allow you to specify a different default homepage for the mobile view of your Discourse forum. It is important to note that this will force mobile to navigate to the homepage you choose in this theme component. Your users will not be able to override the default homepage for mobile via their user preferences at this point. Repos… You can use it to force the latest layout on mobile without affecting the desktop version.

Are you definitely talking about an app (i.e. downloaded from an app store) or are you talking about the mobile browser view? They are different things.

Definitely talking about the app downloaded from the app store and accessed via the DiscourseHub. :slight_smile:

[image] Richard_Millington: and accessed via the DiscourseHub The view you see in DiscourseHub just reflects the web view. So any changes you make to the mobile web client will be visible within DiscourseHub. DiscourseHub makes the view cleaner as it obviates the need to have the additional browser interface elements. As such, if you are only concerned with the DiscourseHub view you just need to prepare your modifications and deploy them in Theme Components and/or Plugins as per normal.

Dumb question, how do you change only the mobile web client? I’m assuming this is different from desktop?

Correct. When you create or customise a theme there are common, desktop and mobile sections. You’ll need additional markup for the mobile versions. [image]

perfect, thanks @HAWK. Just mirrors the mobile setup is exactly what I needed to know!

Actually, just working on this and it doesn’t seem to be happening on my client’s community. The mobile isn’t mirroring the desktop version - it’s close. But not exact. The list of topics appears alongside the relevant categories. We’re trying to show just the latest discussions only on mobile. Is there an easy way to do this in the CSS?

Easiest way to change the design of the community app on Discourse

Product Support

Richard_Millington (Richard Millington) July 16, 2021, 9:20pm 11

You’re a genius, that worked perfectly. Thanks @Johani

Topic		Replies	Views
Mobile home view of Latest topics Product Support mobile	1	885	April 22, 2020
Mobile View Loading different HTML as compared to Desktop Development	1	796	March 29, 2023
Mobile-first (or "mobile only") Product Support	4	1299	January 25, 2018
Different landing page for desktop vs mobile theme? Feature	42	8368	May 15, 2023
Force Mobile Homepage Theme component	25	7238	August 18, 2026

Easiest way to change the design of the community app on Discourse

Related topics