Hello,
Please I want to add a text in header, between title and breadcrumb. A short text, like 20 characters or so.
Any idea, please?
Thank you and best regards,
Kti
and what should happen if breadcrumb gets bigger than this in your screenshot
I have a max level 3 depth in the site that I’m talking about:
homepage >> some other page >> sub-page
Also, the message should only use like half or 2/3 of the space between Title and Breadcrumb.
a quick and dirty solution might be to insert pseudo content like:
.title_container .main-title::after {
content: "here is your short text";
position: absolute;
left: 50%;
transform: translateX(-50%);
font-size: 24px;
font-weight: bold;
}
you have to decide what should happen on responsive case on very small screens to it.
f.e. :
.title_container .main-title::after {
content: "abc - die Katze liegt im schnee";
position: absolute;
left: 50%;
transform: translateX(-50%);
font-size: 20px;
font-weight: bold;
}
@media only screen and (max-width: 767px) {
.title_container .main-title::after{
position:absolute;
left:auto;
right: 0;
transform: none;
text-align: right;
}
}
Hey, it gets the job done and actually looks pretty neat.
Thank you, much appreciated.
It works!
Hi ktistai,
Glad Guenni007 helped you to get it working.
If you need further assistance please let us know.
Best regards,
Victoria
Any idea, please, what effect is this from the slide show?
https://www.hotelcismigiu.ro/camere/apartament-deluxe
Is it the Ken Burns or something similar?
Thank you
Hi,
Yea it does seem to be Ken Burns yes!
Best regards,
Basilis