Göra rubriker responsive med media queries

Det går inte att på rak arm säga vilka brytpunkter du ska välja.
Börja med att planera helheten för sidans layout vid olika bredder.
Du kanske vill sätta en maxbredd på 1500px för hela sidan, så att en eventuell bredare skärm fylls med bakgrundsfärgen i båda marginalerna, och i det läget köra med dubbla sidopaneler? För bredder mellan sisådär 700 och 1100 px kanske du vill ha en sidopanel med fast bredd och variabel bredd för ”huvudspalten”, och under 700 kanske du väljer att skicka ned ”sidopanelerna i källaren” och ersätta menyn med en ”hamburgare”… Allt detta beror även på vilken typ av innehåll du har.
Kolla runt på färdigbakade teman/olika webbplatser och kolla vilka brytpunkter de använder.
När du sedan skapar ditt eget, var noga med att prova det, så att allt fungerar korrekt. Misstag kan leda till att fönster som råkar ha en bredd i närheten av dina brytpunkter plötsligt får innehåll som dubbleras eller försvinner. (Om du t.ex. har en rubrikstil upp till 690 px och en annan över 690 px så kanske exakt 690 px blir ”odefinierat” och därmed helt saknar rubriken…)

Innan du går vidare kan det vara god idé att läsa på om hur du hanterar högupplösta skärmar. Googla på ”retina CSS WordPress”.