Disable header changes on mobile

On mobile, when I’m at the top of the topic, the navbar/header includes the menu icon and other elements, including the categories slider/carousel.

When I scroll past a certain “threshold” it changes to include the topic name, but that messes with my formatting. Can I disable this behavior? I want the same header all the time.

Normal / Good header:

Scrolling / Bad header:

What’s weird is that when using Chrome > Inspect, I get a different and pleasant behavior:

Before scrolling:

After scrolling:

I think this component could help you

The burger menu button is not in the same place in your two screenshots, which makes me think you didn’t use mobile mode in the second case.

You can get mobile view by adding ?mobile_view=1 to the URL. So you could also improve the styling and continue to benefit from the feature of showing the title

That’s exactly what I wanted. Thanks!

I just went to the Inspect panel in Chrome and clicked the button to activate the mobile view. Why the menu shifted to the left, I have no clue…
Sometimes that view is not very accurate, I noticed that.
Thanks for the ?mobile_view=1 tip. Didn’t know that.
I just want to add, for those who are not familiar with this (and it took me a while to revert back to normal), to go back just add ?mobile_view=0 like https://example.com?mobile_view=0

With the ?mobile_view=1 option, I noticed it would act crazy when it hit that point of switching to the topic’s title, but on mobile it didn’t. There’s maybe something weird when using a desktop browser.

As you can see from my screenshots, besides the messed up header, the slider with the categories is completely removed.

1 - Do you think that’s happening because the height of the header doesn’t adjust properly?
2 - How can I create CSS that only applies when that change happens?

@Moin Inspecting the mobile version using the URL trick you shared (without the component installed), I see this when I’m at the top of the topic:

And when I scroll, I see this:

So it completely removes the div with class="wrap custom-categories-navbar". It seems that there’s more involved here that needs another approach to prevent the categories slider to disappear.