Air Theme

Wasn’t that merged into core recently?

1 Like

There is a basic form of it. It looks like the component was renamed to Advanced Search Banner.

Not sure if the Air theme is using the component or core. The same with the light/dark toggle option was merged in core

Detail here for the component & core update

I imagine the Air theme is still using the component as it would if not mistaken require some updates to the Air theme for the banner mods and instructions to enable the banner in site settings

1 Like

that worked - thank you much - I removed the sub-header and the H1 is font-size 64px. How do I reduce that?

1 Like

I was looking at the common CSS in the GitHub link. Having a bit of trouble identifying element.

But if you can identify the element you should be able to create a custom component and use something like

font-size: 44px !important;

To override the H1 size in the banner.

If you have better CSS knowledge then myself you might have an easier time identifying the element. Try inspect element as I am using a mobile with the insoect element in a browser but it is not as good as using a desktop browser’s insoect element. You can test modifying size there.

Posting In the advance Search Banner topic asking how to change the H1 size you might also get some guidance on how to achieve it as well.

1 Like

Okay I haven’t tested this but give this a try create a new Theme component

Edit CSS Common and add this code. I was looking at the Air Theme source in GitHub

// custom search banner customizations
.custom-search-banner-wrap {
   h1 {
    Font-size: 44px !important; 
    }
}

The first section in the Air theme Common CSS has mods for the customer banner. So I was able to use that as a guide for the code above.

I can’t figure out how to display subcategories anywhere but the subcategory dropdown menu. Is there a way to have them show up on overview pages?

bonjour,
je cherche a réduire le nombre de caractères dans les résumés des sujets
je n’arrive pas à voir le paramètre
Merci

Subject: Issues with Air Theme on Categories Homepage (Admin vs Non-Admin View)

Hi

I am using the Air theme on my Discourse forum. My forum’s default homepage is set to display Categories. I’ve encountered a few display issues related to this theme in mobile view, specifically differences in layout and functionality depending on whether the user is an administrator or a regular user.

Here are the specific problems:

  1. Missing View Switcher for Admins: When logged in as an administrator, there is no visible button or control to switch between the “Categories”, “Latest”, or “hot” views on the homepage. The Categories view is displayed, but I cannot easily navigate to the others from this page.
  2. Invisible/Blank View Switcher for Non-Admins (Categories View): When logged in as a non-admin user, a button does appear below the search bar, seemingly intended for switching views. However, when the forum is in the default “Categories” view, this button appears as a large, empty rectangle with no text label indicating its function (e.g., “Latest”, “hot”). This makes it confusing for users. This issue does not occur when the homepage is already set to “Latest” or “hot” for non-admins; the button correctly shows the text for switching back to “Categories”.
  3. Different Category Box Width (Admin vs Non-Admin): The display box for category names and descriptions appears narrower when viewed as an administrator compared to how it looks for a non-admin user. This affects the layout and presentation of the category list.

I have attached screenshots illustrating these issues (Irrelevant parts of the images have been blurred or removed)

Has anyone else experienced similar problems with the Air theme, particularly when the default homepage is set to Categories? Any insights or potential CSS fixes would be greatly appreciated.

Thanks!

1 Like

I can confirm the empty box on Air Theme. Though I have it even on admin.

I can confirm it seems to be in the Air Theme itself and not Modern category groups component.

This though you should create a topic in Bug category with tag air-theme with maybe the additional tag ux

I have a theme that is a copy of air theme and will see if I can spot maybe the code change but I am still a novice.

1 Like

This line in mobile CSS might be related. On GitHub this line reads

.navigation-categories .navigation-container,
.categories-list .navigation-container {
  border-bottom: 0 !important;
}

As mentioned I copied the air theme CSS to make a custom theme. This is the original code for that line note the missing “px”

.navigation-categories .navigation-container,
.categories-list .navigation-container {
  border-bottom: 0px !important;
}

Haven’t tested. But create a custom component and paste the above code in Mobile CSS. Save and enable component on air theme.

Unfortunately just tested and it did not fix issue. The px must be default if not specified.

1 Like

@Northern , I got to say I agree with @qingfeng1024 . A tutorial on how to customize it so nicely would be really valuable

On mobile the topics are not wide enough. Is there an easy CSS fix to remove that padding on the sides? The Horizon theme does that padding better on mobile.

1 Like

How do you get the part that has a dropdown with:

Tools
About
Resources?

Probably using

, but you can also take a look at