The two options you see [all categories] [all tags], beside Latest, below header is visible in PC view [Screenshot 2023-10-20 at 3.15.41 PM] But not visible on mobile view [IMG_3548.PNG] It can be brought by tweaking around but I want that to be visible by default on mobile view on home page, kindly guide how to enable that in mobile view? [IMG_3549.PNG]

Hello :wave: It appears these inputs are only hidden with a .hidden class on mobile. You can reveal them, but since they aren’t styled for the mobile view, it needs a bit more CSS rules so they don’t look too wonky. You can start with this: .category-breadcrumb { display: flex !important; gap: 0; .plugin-outlet-component { flex: 0; } } Put it in the Mobile tab of your theme or component. It will look like this: [image] I didn’t test it very much, and it can interfere with plugins or components that use the available outlets before and after these selectors. So, it’s probably more a work base than a fully functional thing… You can try and see how it goes :slight_smile: Edit: I’m told that these inputs are visible by default on a category page. So, my CSS code in its current state will mess up a bit the layout of these fields on the category page and need more tweaks. :slight_smile:

You can have a look at this: [image] Category Dropdown in Mobile View UX I took a shot today at making it always visible and this seems to be working for me with no side effect that I could notice: api.modifyClass("component:bread-crumbs", { pluginId: "never-hidden-bread-crumbs", hidden: false }); hidden is originally: @discourseComputed("category") hidden(category) { return this.site.mobileView && !category; }, I preferred to make it hidden on the categories page only.

I actually dont know how to use CSS, matter of fact, I am not related to computer science field at all. If there is a option that I can on or off, I can do that.

I’m afraid there is currently no UI switch for this. You would need to create a small theme component and some extra code to it to get this bespoke behaviour.

[image] How To Make The HomePage Contain Category While using Mobile Phone Development Hello, This is possible with CSS. You have to create a new component. Go to /admin/customize/themes/ Customize → Themes Click the Components tab and then the Install button On the popup window click Create new button and type the new component name. [Screenshot 2022-07-26 at 12.04.02] Click Create button. The component created. Now select which theme(s) you want to activate it. [Screenshot 2022-07-26 at 12.06.13] Now click the Edit CSS/HTML button. [Screenshot 2022-07-26 …

Mobile view homepage guide

Development

Don October 21, 2023, 1:01pm 12

Topic		Replies	Views
How To Make The HomePage Contain Category While using Mobile Phone Development	3	781	July 27, 2022
Category & Tag selector hidden in mobile for specific pages but visible in desktop UX	1	964	December 30, 2020
Category Dropdown in Mobile View UX	12	2929	August 21, 2022
Show Only Categories on Mobile View Product Support mobile	10	646	January 8, 2025
Replace mobile navigation with category dropdown Development	7	888	June 14, 2023

Mobile view homepage guide

Related topics