opgelost H1 selectief aanpassen

Hallo forum,

Alle menu-items met individuele artikelen staan op 'Title = show' en de titels van de artikelen verschijnen netjes in formaat H1.
Maar ik heb ook enkel artikelen met een lang woord als titel en in responsive view loopt de titel dan uit het scherm. Titels met meerdere woorden lopen netjes om.

Hoe kan ik - enkel dus voor die artikelen met een lang één-woord titel - en enkel in responsive view - de H1 procentueel verkleinen ?

Ik heb gezocht om een media query te koppelen aan een page-class, zoiets:

maar ofwel is deze syntaxis fout ofwel zie ik een andere, voor de hand liggende oplossing over het hoofd.

Ik kan natuurlijk in het betreffende menu-item "Title = hide" zetten en dan in het artikel de titel intikken in bv. formaat H3, maar een css-truuk met een page-class lijkt mij eleganter.

Iemand een tip om mij op weg te zetten of een andere oplossing aan te reiken?

Lijkt me handiger en overzichtelijker om de titel af te laten breken met css.

Astrid,

Dank voor de snelle en goede tip.

Ik heb de CSS aangepast als volgt:

en dit doet precies wat het moet. Deze CSS-waarde was mij nog onbekend, net als zovele andere...

Draadje mag dus op slot.
Nog een prettige dag verder.