MyBB Community Forums

i have mybb1.8 how to make it mobile friendly

There are free themes available that you can use, eg MyBBPRO

(2015-10-21, 01:14 PM)Ashley1 Wrote: [ -> ]There are free themes available that you can use, eg MyBBPRO

will these themes change my settings , like i have done  lots of changes in member.php and global.css and etc

Yes they will. You will have to reapply changes to those templates if that's possible.

To make your current installation mobile friendly you basically have to change fixed widths everywhere and replace them with percentages so that the display can resize.

So, for eg. In global.css you have

#container {
color: #333;
text-align: left;
line-height: 1.4;
margin: 0;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
font-size: 13px;
min-width: 990px;
}

You need to comment out the min-width: 990px;

.wrapper {
width: 85%;
min-width: 970px;
max-width: 1500px;
margin: auto auto;
}

can become


.wrapper {
width: 85%;
/* min-width: 970px;
max-width: 1500px; */
margin: auto auto;
}

ETC

(2015-10-21, 01:41 PM)Ashley1 Wrote: [ -> ]Yes they will. You will have to reapply changes to those templates if that's possible.

To make your current installation mobile friendly you basically have to change fixed widths everywhere and replace them with percentages so that the display can resize.

So, for eg. In global.css you have

#container {
color: #333;
text-align: left;
line-height: 1.4;
margin: 0;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
font-size: 13px;
min-width: 990px;
}

You need to comment out the min-width: 990px;

.wrapper {
width: 85%;
min-width: 970px;
max-width: 1500px;
margin: auto auto;
}

can become


.wrapper {
width: 85%;
/* min-width: 970px;
max-width: 1500px; */
margin: auto auto;
}

ETC

thnks bro rated u for this

You're welcome.

snipped

Why dont you use simply MyBB GoMobile updated version for 1.8+ here is it http://community.mybb.com/thread-166664.html