trying responsive design

M

Manganix

Member
Hi,


I'm trying some responsive design.

Could you please check the header and the links bar for responsiveness (min320px-max480px). The other parts not adapted yet.

When the page is scrolled vertically in 320px-480px, I can't get the links bar stay sticked to the title bar?

Thanks for checking out and your feedback.

http://gamanga.com/conceptX1.html
 
chrishirst

chrishirst

Well-Known Member
Staff member
Works OK on my Amazon Fire phone, and my Dell Streak.

By the way:

"stuck" not "sticked" is the past tense of 'stick'.
 
M

Manganix

Member
Hi,

I'm trying to make a comment field responsive, but can't get it done...
What is wrong here... (be gentle)? :confused:

HTML: 
<!DOCTYPE HTML>
<html>

<head>

<style type="text/css">
    @media only screen and (min-width: 320px) and (max-width: 480px) {
		.fieldOverrule {
			column-count:30;
			border:#F00 5px solid;
			background-color:#0F0;
		}
    }
</style>

</head>

<php>
...
?>

<form action...>
Message:<br><br><textarea name="guestbook_message" class="fieldOverrule " rows="10" cols="70" maxlength="500" style="font-size:16px; font-family:familiar_probold, Arial, Helvetica, sans-serif; font-weight:lighter; background-color:#222; color:#F3F4E4; border: hidden; box-shadow: #000 2px 2px 2px; padding:5px"></textarea><br><br>

</form>
 
You must log in or register to reply here.
Top