Horizon theme bug: Category heading container sticky in topic lists

[jrgong]

Hey guys

When I add an image, icon or emoji to a category, the category category-heading is sticky upon scrolling down and takes a lot of space.

Also affected is the category header theme component as the see my post below for reference.

@jrgong

I just tested the compatibility with horizon theme. all in all it’s basically working, but the only issue is that the plugin outlet currently used by the category headers theme component is inside list-controls container on Horizon theme. Hence the whole category header stays sticky.

Suggested solution is to change the plugin outlet or add an option to choose a different plugin outlet outside list-controls container, e.g. discovery-list-controls-above outlet.

tested on 3.6.0.beta2

[chapoi]

Yes, I agree that’s an annoying side-effect.

I don’t have a solution for it unfortunately. The category heading is in the same sticky element as the navigation, and I can’t move the sticky property a level down, because sticky doesn’t work within a flexed element…

I’d advise you to hide or minimise the logo with css on mobile.

[Aurora]

The sticky navigation also bothers me. It takes up too much space.

How can I turn that off?

[chapoi]

There is no setting for it. You’ll have to overrule the CSS.

[nathank (Nathan Kershaw)]

The Horizon Theme has a neat feature, where the Category description remains visible while the Topic List is scrolled:

While this is lovely on desktop, when space gets tight (e.g. on mobile) this makes the Topic list quite difficult to read (especially if the text is quite extensive)

[chapoi]

This is an unintended side-effect of wanting to keep the navigation visible actually. I’m not sure it can be fixed (both elements may be in the same container or something? ) and if I have to choose, I’ll stick with my original intend.

If someone feels like taking a look, be my guest though.