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.
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
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?
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.