On 15/02/15 23:59, Sam Varshavchik wrote: > Try adding "line-height: 1.5" to the CSS for the navigation line, so when it > wraps on a mobile screen there will be extra spacing between the multiple > lines.
Bingo! It took a line-height of 1.7 on the whole body to work but now it's 100/100 and no need for any inline-block buttons. > but, after all, the web site isn't really targeted at mobile devices in > the first place. Sure, but it could be. The point of chasing PageSpeed results is that it ensures the page will load as fast as possible over a 3G network and if it scores well there then it'll be blisteringly fast via nginx on a non-3G network... and that is indeed a reasonable goal to chase (page load speed). > The javascript drop-down provides links for navigating between major > website sub-sections. I'd like to preserve some way of doing that. See my latest suggestion... . the h1 "logo" becomes the Home link . Intro appended to the home index page . Install could be appended to the Download page . Links, Wiki and FAQ links could be added to the Docs page Compare. One of them does not require pinching and zooming... https://developers.google.com/speed/pagespeed/insights/?url=courier-mta.org https://developers.google.com/speed/pagespeed/insights/?url=renta.net/courier No initial Courier javascript link means that JS can go (better SEF/SEO) and the CSS is a fairly remarkable 9 lines. Small enough to paste into each page which avoids the "above the fold" issue (browser waiting for CSS to load before being able to render the first visible part of the page). ------------------------------ body { font-family: sans-serif; line-height: 1.7; margin: 0 auto; width: 60em; } h1, h2, h3 { line-height: 1; } a { text-decoration: none; } a:hover { text-decoration: underline;} footer, .gplus { text-align: center; } .advert { clear: both; } .copyright { color: #7F7F7F; font-size: 75%; font-style: italic; } .flag { float: right; margin-left: 0.5em; } @media only screen and (max-width: 60em) { body { width: 92%; }} ------------------------------ Strictly speaking, the a, a:hover, .advert and .copyright could go too, they're mostly just my personal preferences. If this is in anyway close to being acceptable then it's just the <head> <header> and <footer> tags that need to go into the other pages and I certainly don't mind doing that for the static pages. ------------------------------------------------------------------------------ Download BIRT iHub F-Type - The Free Enterprise-Grade BIRT Server from Actuate! Instantly Supercharge Your Business Reports and Dashboards with Interactivity, Sharing, Native Excel Exports, App Integration & more Get technology previously reserved for billion-dollar corporations, FREE http://pubads.g.doubleclick.net/gampad/clk?id=190641631&iu=/4140/ostg.clktrk _______________________________________________ courier-users mailing list [email protected] Unsubscribe: https://lists.sourceforge.net/lists/listinfo/courier-users
