alternative page title on mobile

[jenswindolf]

i would like to display an alternative page title on the mobile page. How could I do that?

[mariusjopen]

Dear @jenswindolf
you need to work around the usual solution.

1. You could create a div with the new page title in the CUSTOM HTML and then position it with CUSTOM CSS and hide the old page title.

2. You could use jQuery to exchange the text in the page title.

Hope that helps :-)

Best!

Marius

[jenswindolf]

Dear Marius,

I tried this

.mobile-title {
visibility: none;
position: relative;
}

.mobile-title:after {
visibility: visible;
position: absolute;
top: 0;
left: 0;
content: "This text replaces the original.";
}

But then I have both texts. Unfortunately I'm not a developper.

[jenswindolf]

Well, this works visually:

.mobile-title.text {
display: block;
font-size:0px;
}

.mobile-title.text:after {
display: block;
font-size:18px;
white-space: pre;
content: "J \A W \A G";
}

But I think it's totally chaotic.

[mariusjopen]

Dear @jenswindolf
as long as it works – it's fine. Also for developers :-D

Best!

Marius