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

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?

1 Like

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.

3 Likes

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

1 Like

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.

6 Likes

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.

3 Likes

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

1 Like

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?

There’s a theme component that does that.

You can use it to force the latest layout on mobile without affecting the desktop version.

3 Likes

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

3 Likes