Mobile view homepage guide

Development
2

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
image342Ă—740 40.1 KB

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: