Protostar website titel grootte aanpassen aan mobiel

Ik ben de template van Protostar aan het bewerken naar een voorbeeld die ik van een WP theme heb gezien.
Maar nu valt alleen de website titel buiten beeld op de mobiel.
Hoe kan ik dit aanpassen voor mobile devices, maar dat ie op de desktop wel even groot blijft?

HIER de link

Alvast bedankt voor het kijken.

Hallo Meander,

neem een kijkje hier en hier dat heeft betrekking op media queries.

Denk dat je er dan wel uitkomt.

Succes ermee.

groeten Ron

Ah, iets in de trant van die tweede link had ik al gevonden en geprobeerd, maar ik wist niet dat je dit dan apart voor elke device moest doen. Ook wel logisch eigenlijk
Nu helaas geen tijd meer, maar ik ga er morgen even mee aan het stoeien.

Thanks!

Er wordt ook wel eens gebruik gemaakt van % i.p.v. PX maar of dit goed werkt laat ik even in het midden.

Succes ermee.

Groeten Ron

Dit toevoegen aan css en dan zelf even bepalen wat de font-size mag zijn.

Volgens mij is het gelukt (vanaf vanmorgen 5.30 uur :o ), en heb ik nu voor de meest gangbare devices de juiste media query toegevoegd.

Alleen breekt hij in sommige breedtes de menu module titel.
Op tablets doet hij het bij 1024, 960, en 800 breedte, en op een mobiele breedte van 320.
Op de mobiel breekt hij echter de titel niet wanneer ik de layout vloeiend maak, maar die wil ik wel graag statisch houden.
Is er een manier om de layout alleen voor de mobiel vloeiend te maken?

En hoe kan ik voorkomen dat hij op tablets ook de module titel breekt?

Zie afbeeldingen.
Ik heb de site HIER getest.

Protostar gebruikt zelf de volgende breakpoints:
/*** BREAKPOINTS ***/
|0---480---767|768---979|980---1200|
het waarschijnlijk handig om die zelf ook aan te houden. Je kunt immers niet zelf op alle bestaande devices testen, en met deze breakpoints heb je bij mijn weten alles zo'n beetje afgedekt.
Om het afbreken van de titels te vermijden, zou je voor kleiner scherm een wat kleinere font-size kunnen instellen.

Om het afbreken van de titels te vermijden, zou je voor kleiner scherm een wat kleinere font-size kunnen instellen.

Dat heb ik al geprobeerd, maar op de een of andere manier pakt hij de veranderingen niet.

Code:
Maar in het voorbeeld breekt hij nog steeds de woorden af. Maakt niet uit hoe klein ik het font maak.

.

Herstel, het duurde even, maar nu zie ik dus de veranderingen wel.

Ha, ik wilde net zeggen: op mijn foon zie ik keurig kleine lettertjes .
Kwestie van cache opschonen, waarschijnlijk.