<div dir="ltr">Here's a quick fix for mobile -- only tested on home page but it should work throughout if the layout doesn't change much:<div><br></div><div>add this to the end of slint.css:</div><div><br></div><div>
<div><br></div><div>@media (max-width: 640px) {</div><div><span class="" style="white-space:pre"> </span>#layout-menu-box {</div><div><span class="" style="white-space:pre">         </span>position: inherit;</div><div><span class="" style="white-space:pre">         </span>left: inherit;</div>
<div><span class="" style="white-space:pre">            </span>top: inherit;</div><div><span class="" style="white-space:pre">              </span>width: inherit;</div><div><span class="" style="white-space:pre">            </span>height: inherit;</div>
<div><span class="" style="white-space:pre">            </span>z-index: inherit;</div><div><span class="" style="white-space:pre">  </span>}</div><div><br></div><div><span class="" style="white-space:pre"> </span>#layout-content-box {</div>
<div><span class="" style="white-space:pre">            </span>margin-left: inherit;</div><div><span class="" style="white-space:pre">      </span>}</div><div><br></div><div><span class="" style="white-space:pre"> </span>#layout-menu div {</div>
<div><span class="" style="white-space:pre">            </span>display: inline;</div><div><span class="" style="white-space:pre">   </span>}</div><div><span class="" style="white-space:pre">  </span>#layout-menu div a {</div><div><span class="" style="white-space:pre">               </span>display: inline-block;</div>
<div><span class="" style="white-space:pre">            </span>padding: 0 10px 0 0;</div><div><span class="" style="white-space:pre">       </span>}</div><div><span class="" style="white-space:pre">  </span>#layout-menu #page-source {</div>
<div><span class="" style="white-space:pre">            </span>border: none;</div><div><span class="" style="white-space:pre">      </span>}</div><div>}</div></div><div><br></div><div>then add this meta tag to the head of each .html file:<br>
<br><div><meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1"></div></div><div><br></div><div>it ends up looking like this:</div><div><br></div><div><a href="http://home.thedeanda.com/slint.fr/">http://home.thedeanda.com/slint.fr/</a> (link will only be available for a few days)</div>
<div><br></div><div>to test, check on your mobile (only tested android) or make your browser window a bit narrower, it collapses the left column up to the header and makes it so you don't have to zoom on your phone.</div>
<div><br></div><div>have a lot of fun!</div><div><br></div><div>-m</div><div><br></div></div><div class="gmail_extra"><br><br><div class="gmail_quote">On Sun, Mar 30, 2014 at 11:54 PM, Didier Spaier <span dir="ltr"><<a href="mailto:didier.spaier@epsm.fr" target="_blank">didier.spaier@epsm.fr</a>></span> wrote:<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div class="">On 30/03/2014 23:55, Miguel De Anda wrote:<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
Interesting. First bug... Slint.fr is not mobile friendly.<br>
</blockquote>
<br></div>
I'd be glad of any advise/pointer/clue, especially if i can keep the website fully static as it is now.<div class=""><br>
<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
I'm not familiar with this project but I'll try to take a look.<br>
</blockquote>
<br></div>
Thanks in advance.<br>
<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div class="">
On Mar 30, 2014 2:52 PM, "Didier Spaier" <<a href="mailto:didier.spaier@epsm.fr" target="_blank">didier.spaier@epsm.fr</a> <mailto:<a href="mailto:didier.spaier@epsm.fr" target="_blank">didier.spaier@epsm.fr</a>><u></u>> wrote:<br>

    Yes this is off topic, but you are the skilled Slackers I need, so...<br>
<br>
    Long story short, if you can devote some time to help debug new Slint installers, please read this:<br></div>
    <a href="http://slint.fr/testing/__INSTRUCTIONS_FOR_TESTERS.TXT" target="_blank">http://slint.fr/testing/__<u></u>INSTRUCTIONS_FOR_TESTERS.TXT</a> <<a href="http://slint.fr/testing/INSTRUCTIONS_FOR_TESTERS.TXT" target="_blank">http://slint.fr/testing/<u></u>INSTRUCTIONS_FOR_TESTERS.TXT</a>><div class="">
<br>
<br>
    The Slint project provides polyglot Slackware installers and administration tools, see <a href="http://slint.fr" target="_blank">http://slint.fr</a> to know more.<br>
</div></blockquote>
<br><div class="HOEnZb"><div class="h5">
______________________________<u></u>_________________<br>
SlackBuilds-users mailing list<br>
<a href="mailto:SlackBuilds-users@slackbuilds.org" target="_blank">SlackBuilds-users@slackbuilds.<u></u>org</a><br>
<a href="http://lists.slackbuilds.org/mailman/listinfo/slackbuilds-users" target="_blank">http://lists.slackbuilds.org/<u></u>mailman/listinfo/slackbuilds-<u></u>users</a><br>
Archives - <a href="http://lists.slackbuilds.org/pipermail/slackbuilds-users/" target="_blank">http://lists.slackbuilds.org/<u></u>pipermail/slackbuilds-users/</a><br>
FAQ - <a href="http://slackbuilds.org/faq/" target="_blank">http://slackbuilds.org/faq/</a><br>
<br>
</div></div></blockquote></div><br></div>