A smaller line height in the Header title

Hi Rikard,
thank you for your help, but it does not fit as I imagine.

With your css code, the Title line heigh is ok, but there is a problem with the breadcrumbs. On the same screensize (< 479px)
1. The breadcrums are too close to the Title see here: https://snipboard.io/84dV9P.jpg
2. and the ones are too far to the Title; see here: https://snipboard.io/Gby3Pz.jpg

It depends just on screensize. I have played with some css but I can´t find the right way how to do it.

Thank you.

Br,
Zdenek

Hi Rikard,
thank you for your css code update, it works, but only on the screensize smaller than 369px … between 370px and 767px there is too big gap between the title and breadcrumbs (when the title is in one row); see here: https://snipboard.io/WAfjCI.jpg

Your css solution also depends a lot on how long the Title is. The behavior I describe above applies to the article https://blog.mtsakademie.cz/hubnuti/jak-co-nejrychleji-a-efektivne-zhubnout/
.. but if I check it in another one (https://blog.mtsakademie.cz/cviceni/hledate-skvele-cviceni-v-praze-13/), it behaves a bit different => The title and breadcrumbs go in two rows in a different screensize (logically) and this css solution does not cover different cases of title or breadcrumbs lenght.

Just for a wider explanation:
I understand css coding (I am not a professional coder, but lets say a very skilled amateur 😊) and I have tryied several css combinations including „margins“ etc. to achieve this.

The problem is, that the Title and breadcrumbs are wrapped in the same „Title container“ and they are infuenced each other by the css line-height. So if you change the line-height in the Title, it also influence the breadcumbs => the gap between the Title and the breadcrumbs increases (in the case the Title is in one row).

If I try to change the line-height also for the breadcrumbs, a lot of other style problems arise there.

Of course I can adjust the css code for each article and also for each screensize separately, but that´s not what I am looking for.
I am looking for a general solution which will work with all types of title and breadcrumbs lenght regardless of whether they are in one or two rows.

Thanks a lot,
Zdenek

• This reply was modified 1 year, 10 months ago by Zdenek.

Hi Rikard,
thanks for your response, I understand. I have thought it will not be easy/ possible to find some elegant solution, but I have tryied to ask :)

No problem, I will solve it by adding more media queries.

Br,
Zdenek

Hi Rikard,
you can close the thread.

Br,
Zdenek