Page 1 of 1
Suggestion to make forum more mobile friendly.
Posted: 02 Aug 2014, 14:12
by Shane Gowland
Hi All, particularly Diane.
I do most of my web browsing on my mobile, on which the forum is difficult to read because the header image doesn't resize dynamically. The page content is forced into half the page making all the text tiny. See below image.
I come bearing a solution!
In the template file, replace
Code: Select all
<img src="./styles/prosilver/imageset/Site_logo.png" width="1200" height="200" alt="" title="">
with
Code: Select all
<img src="./styles/prosilver/imageset/Site_logo.png" style="max-width: 1200px; width: 100%;" title="Aussie Finch Forum">
and the header will look exactly the same on desktop computers, but resize correctly on mobile phones.
Re: Suggestion to make forum more mobile friendly.
Posted: 02 Aug 2014, 14:58
by Mickp
Shane, pm sent
Re: Suggestion to make forum more mobile friendly.
Posted: 16 Oct 2014, 16:15
by BluJay
Good suggestion Shane. Regards.
Re: Suggestion to make forum more mobile friendly.
Posted: 17 Oct 2014, 06:51
by Diane
I dont access the forum on the mobile so I cant say for sure but I believe the latest upgrade done in the last few days has addressed this.
Re: Suggestion to make forum more mobile friendly.
Posted: 17 Oct 2014, 13:08
by Shane Gowland
The issue is still present after the recent upgrade.
Re: Suggestion to make forum more mobile friendly.
Posted: 17 Oct 2014, 15:51
by gomer
Hopefully we can work through these teething problems and come up with solutions that fix these. Any offers of help or suggestions to Mick would be of benefit with regard to upgrades.
Re: Suggestion to make forum more mobile friendly.
Posted: 19 Oct 2014, 11:52
by Tricky
Hi all
I'm a tradesmen & I use my mobile to check the forum at lunch , also I use my phone 95% of the time now rather than a laptop it's the way things are evolving . The more younger people join will more be like me . So all things to help with mobs will keep people interested. Read my quote below !
Re: Suggestion to make forum more mobile friendly.
Posted: 19 Oct 2014, 13:19
by Shane Gowland
In the file
overall_header.html (in styles\prosilver\template -
save a backup copy first) remove lines
103through to
108.
Code: Select all
<div id="site-description">
<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
<h1>{SITENAME}</h1>
<p>{SITE_DESCRIPTION}</p>
<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
</div>
and replace them with:
Code: Select all
<div id="site-description" align="center">
<a href="./index.php" title="Board index" id="logo">
<img src="./styles/prosilver/imageset/Site_logo.png" style="width: 100%; max-width: 1200px;" title="Aussie Finch Forum" />
</a>
<p class="skiplink" align="left" style="padding-top: 5px;"><a href="#start_here">Skip to content</a></p>
</div>
Re: Suggestion to make forum more mobile friendly.
Posted: 20 Oct 2014, 10:37
by finchbreeder
Shane that can be interpreted 2 ways.
If you have always insisted on the best effort and the best quality and you continue to do so, you will continue to get the best.
That's how my and hubbys business and work ethics have always been. PS he's an electrician too.
LML