Air Theme

What version of discourse are you using?

My testing site is displaying properly on mobile.

Logged in

Logged out

Do you have any plugins installed?

I am running “Tests passed”

1 Like

3.1.0.beta3


And as per your screenshot you are also experiencing the bug below…


All plugins disabled, and the issues still occur on multiple devices, cache refreshed, and also tried incognito.

1 Like

not sure about this theme specifically, but i’m running a live custom theme that uses #main-outlet css to make the white background in a very similar way (with rounded corners too) and it seems to work as expected on mobiles. i’ve set it a dark color and changed other attributes like size and the rounding corners (border radius) and i haven’t found any issues yet with how it looks on mobile.

2 Likes

My screenshot is how it os supposed to display on mobile White bubble around the categories vs a white column pane.

As I reported here and was fixed.

It was partially broken before creating the white wrapped column.

I am sure Jordon might provide some css code possibly to restore the bug if you prefer the white column. Mobile now for me matches mobile.

**EDiT: Looking at Op post you might be right. But the fix imho looks better as it flows properly with background. Perhaps Jordon can add a toggle for desired effect.

I have to locate the fix so my modified Air Lite theme matches. By like rhe Topic excerpts js was removed as it was excerpting all topics instead of just pinned topics.

I added Topic excerpts theme component to put excerpts in categories I want to have it. Unfortunately though it did not restore the pinned topics excerpts but many users wanted a default listing style for more posts per screen.

2 Likes

@jordan-vidrine I was wondering how to add your bubbles around the Who’s onkine plugin and search results?

2 Likes

Thanks for your reply.

It looks like most of the bugs were fixed with a Discourse Update that was released today.

I have update the original post to reflect the first 3 bugs which are not as a result of Air Theme.

The version which I am using now which fixed of the first 3 bugs, is:
Discourse: 3.1.0.beta3 (e014635a12)


Now that those bugs are fixed, all thats left is

Which is not a big deal at all. Although I still believe its a bug since Mobile View on Desktop and Mobile View on App/Browser (which should display the same) do not with the white #main-outlet style. I’m not sure which I prefer now. I’m happy with either outcome.

2 Likes

Hi,

Is it possible to remove the search bar on the homepage? I’ve noticed it’s not displayed on meta.Discourse.org when I switch to this theme but I don’t see any place to edit the css. :confused:

2 Likes

@jordan-vidrine is it mandatory to modify directly the code like this :

.background-container {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background: url(https://i.ibb.co/GCcS8Zw/Abstract-futuristic-Molecules-technology-with-polygonal-shapes-on-dark-blue-background-Illustration.jpg); 
    background-size: cover;
    clip-path: unset;

Or can I just use the form like this:

I try with the form but the picture don’t cover all the blue part as you can see bellow

Do you have any idea to solve this issue please ?

1 Like

Yep, this is actually a component that you just need to disable in the customization section of your forum.

This theme installs a couple components on install and this is where its coming from. You will want to look for discourse-search-banner in the theme components and disable it.

2 Likes

i do have the same problem with https://forum.francaisalondres.com/

Any solution to this ?

3 Likes

There is actually, I will push an update to fix this today :smile:

Sorry for such a delayed fix for this.

2 Likes

This has been fixed :smile:

2 Likes

Amazing :clap: thanks @jordan-vidrine

3 Likes

How can I show Sub-Categories in boxes in the Main Category page?

2 Likes

If you mean like this:

Go to the parent / main category page and select the wrench icon to allow you to edit the category.

Click on “settings” and scroll down until you see this area:

“show subcategory list above topics in this category”

Select that option, and choose “boxes” as the dsiplay style.


If you mean on the /categories page, this is not an option. The only option there would be to edit the CSS to unhide the subcategories in order to show them inside the parent’s boxes.

2 Likes

Thank you so much.

2 Likes

I just installed this theme and the search banner text if I change to dark or light doesnt show. Can anyone guide me as to where I can change this?

Here is a screenshot

@jordan-vidrine thank you so much for this great theme! As a new discourse developer this made everything so easy. We are having two small issues that we cannot seem to find a workaround for, when following your instructions.

  1. the light mode / dark mode toggle is not available, even when selecting two color themes as available to choose from
  2. perhaps not your theme issue, we are trying to add a custom link to the hamburger menu underneath badges, to send to an external zendesk site. We are using this component, which should be compatible, but the default or custom links do not show. Any ideas?

The community site can be found here

Thank you for your help!

Aaron

1 Like

Hmmm… I’m not sure why that is the case. It is working on my demo instance.

That component is no longer compatible with our new drop down header.

As an admin of your forum though, you should see a pencil in the upper right corner of the drop down.

Clicking this will allow you to edit the links in that menu, and add a custom link as well.

1 Like

We might have accidentally jumped on the beta version :face_with_spiral_eyes:, so there was no going back! I will update to the latest beta and try again.

Regarding the link addition via admin, that seems to only work for internal links, not external

2 Likes