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: [imagem] 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.

[imagem] 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 …

Guia da página inicial em visualização móvel

Dev

Don 21 Outubro , 2023 13:01 12

Tópico		Respostas	Vistas
How To Make The HomePage Contain Category While using Mobile Phone Development	3	763	27 Julho , 2022
Category & Tag selector hidden in mobile for specific pages but visible in desktop UX	1	963	30 Dezembro , 2020
Category Dropdown in Mobile View UX	12	2908	21 Agosto , 2022
Show Only Categories on Mobile View Product Support mobile	10	620	8 Janeiro , 2025
Replace mobile navigation with category dropdown Development	7	862	14 Junho , 2023

Guia da página inicial em visualização móvel

Related topics