remove heading in css then replace content

Asked Feb 12 '19 at 14:24

Active Feb 12 '19 at 14:24

Viewed 24 times

I am writing a media query to resize a h2 element on my page. I want the old h2 content to disappear and put the new content in it's place. I have this but the display is just set to 'none' permanently:

@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"
}
}

Any ideas ho I can re-display it after screen re-size? Thanks

asked Feb 12 '19 at 14:24

PumpkinBreath

1

I would use the font size trick in the duplicate (ie h2 font size zero, after pseudo back to your original font size) – Pete Feb 12 '19 at 14:33
Please also add some HTML so this can be reproduced. – Yash009 Feb 12 '19 at 14:40

remove heading in css then replace content

0 Answers0