удалите заголовок в css, затем замените содержимое

Я пишу медиа-запрос, чтобы изменить размер элемента h2 на моей странице. Я хочу, чтобы старый контент h2 исчез и поместил новый контент на его место. У меня есть это, но для дисплея постоянно установлено значение «нет»:

@media only screen and (max-width: 1360px) {
h2 {
    padding-top: 0;
    display: none;
}

h2:after {
    font-size: 1em;
    display: block;
    visibility: visible;
    content: "LoveLife. \A LoveCode"
}
}

Любые идеи, как я могу повторно отобразить его после изменения размера экрана? Спасибо


css html-heading
person PumpkinBreath    schedule 12.02.2019    source источник
comment
Я бы использовал трюк с размером шрифта в дубликате (т.е. нулевой размер шрифта h2, после псевдовозврата к исходному размеру шрифта)   -  person Pete    schedule 12.02.2019
comment
Пожалуйста, также добавьте немного HTML, чтобы это можно было воспроизвести.   -  person Yash009    schedule 12.02.2019