In 1 month I'm close to 1,000 members but I'm missing one thing!

AI-generated summary

MCATAKCIN, who recently migrated from Xenforo to Discourse, is thrilled with the platform’s Reddit-ish theme but seeks to customize it to resemble Twitter’s narrow, three-column layout for better member alignment. Despite being new to professional design, they’ve made progress with help from the community. denvergeeks provided CSS code to make the three columns equidistant and responsive, which MCATAKCIN successfully implemented, sharing screenshots of the updated homepage and topic page. However, they note the custom right sidebar doesn’t appear on topic pages — a feature they want to replicate from Twitter. ludwikc praised the design and suggested submitting it to the Theme Gallery. MCATAKCIN continues refining the theme, highlighting how easily the Reddit-ish base can be adapted for Twitter’s aesthetic, and seeks further help from awesomerobot to display the right sidebar on topic pages. The community’s collaborative spirit and technical support are helping transform their vision into reality.

2 months ago I was using Xenforo and I said enough is enough.

Discourse created a big excitement for me. I can’t say enough about how much I fell in love with the Reddit-ish theme. I thought I found the love I was looking for.

But I’m not very professional and I couldn’t make the change I wanted for 1 month.

I want to make this 3-column theme look like twitter (because I earn my members from twitter). So the centered 3 columns should be equidistant. I’m actually talking about a narrow design.

My community is here https://hayp.net/ and how can I make the centered 3 columns responsive? I kiss you all for your advice. thanks! :pray:

As I see your site right now, the three columns are responsive.

But if what you want is for the 3 columns to shrink in place as you narrow the window (except in mobile of course), you could try this:

/* Container to hold the 3 columns */
#main-outlet-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 20px; /* Adjust space between columns if needed */
}

/* Each column */
.sidebar-wrapper,
#main-outlet,
.custom-right-sidebar {
  flex: 1;
  padding: 10px;
  background-color: #f4f4f4; /* Light background for visibility */
  border: 1px solid #ddd; /* Optional border */
  box-sizing: border-box; /* Ensure padding is included in width */
}

@media (max-width: 768px) {
  /* Stack columns on smaller screens */
  #main-outlet-wrapper {
    flex-direction: column;
  }
}


I think it happened! But the design within the topic was a bit interesting. This might be because there are 2 columns there. :sweat_smile:Thanks a lot for your help

WOW, it looks amazing @MCATAKCIN !

Have you thought of submitting this to Theme gallery?

I continue to customize it.

This is what the homepage looks like now:

This is what the Topic page looks like:

I couldn’t make the topic page exactly as I wanted. In reddit-ish theme custom right sidebar doesn’t show in topic. How can I show it like twitter? @awesomerobot

Even though this theme is made for reddit, it is very easy to customize it for twitter!