Please share your CSS! It would make a fix to the TC easier.
here is a rather hacky way to do it (in common/css, NOT /mobile/css)
@use "lib/viewport";
@include viewport.until(md) {
.d-header:not(:has(.extra-info-wrapper.topic-info-visible)):not(:has(.extra-info-wrapper .topic-link)):not(.header-topic-info-visible) .title {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
margin: 0;
}
}
there is probably a more elegant way but the header bar is challenging to change things like placement and order of items, (thus i won’t do a PR). Also this component is still using the deprecated /mobile folder path and needs to be updated to viewport adjusted code.