picocms / Pico

Pico is a stupidly simple, blazing fast, flat file CMS.

http://picocms.org/

MIT License

3.82k stars 616 forks source link

H1 heading for mobile layout to long #488

Closed CodeTipsy closed 5 years ago

CodeTipsy commented 5 years ago

<div id="header><h1><a href="{{ "index"|link }}"><span id="mt">XXX</span><span id="ea">YYY</span><span id="mql">ZZZ</span</a></h1></div> My h1 headline is too long. How can i adjust the size of smartphone layout?

Thanks

PhrozenByte commented 5 years ago

This question is rather unrelated to Pico, but HTML/CSS. If the default theme doesn't meet your needs (what's rather expected, Pico's default theme is intended as a starting point for creating a own theme), you can choose to use one of our great 3rd-party themes. You can find a selection of excellent themes on our website and a even greater list of themes in our Wiki.

CodeTipsy commented 5 years ago

Thanks for the tip.

CodeTipsy commented 5 years ago

`@media (max-width: 360px) {

mt { font-size: 0.7em; }

#ea {  font-size: 1.2em; }
#mql { font-size: 0.7em; }

Perfect for mobile screen.

stale[bot] commented 5 years ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed in two days if no further activity occurs. Thank you for your contributions! :+1: