simple mChat page for mobile devices

[testingground]

Ok I think Ive sussed it,

Ive added this to mchat.css under line 456

Code: Select all

#mchat-panel {
	text-align: center;
	max-height: none;
	overflow: hidden;
	padding: 5px;
	margin: 0;
	border-radius: 0;
	position: fixed;
    bottom: 0px;
    margin-right: auto;
    margin-left: auto;
    left: 0px;
    right: 0px;

So now I get the texting input box fixed to the bottom when viewed on mobile devices, but its normal when viewed on screens above 700px

[terry2]

You mean this ?

Code: Select all

#mchat-panel {
	text-align: center;
	max-height: none;
	overflow: hidden;
	padding: 5px;
	margin: 0;
	border-radius: 0;
	position: fixed;
    bottom: 0px;
    margin-right: auto;
    margin-left: auto;
    left: 0px;
    right: 0px;
 }

[testingground]

yes?

[kasimi]

He posted the same code but with the closing curly bracket }.

[testingground]

ok thanks

[terry2]

yes you missed it out.