Heres my problem how can i make my header looks better Following is the coding ...!!1 Index.php\[code\]<div class="header"><div class="headerFont"><a href="http://stackoverflow.com/questions/14080955/index.php">Yo! Yo! Honey Singh..!!</a></div><div class="Login"><form>Email :<input type="text">Password :<input type="password"><input type="submit" value="http://stackoverflow.com/questions/14080955/Login" ><input type="button" value="http://stackoverflow.com/questions/14080955/register"></form></div></div>\[/code\]2 Web-Style.css\[code\].header{ top:0;left:0;padding:10px;background:#00688B;width:100%;height:footer-<length>;box-shadow:2px 2x 5px #08298A;border:1px solid black;text-shadow:2px 2px black;}.header a{ color:white;}.headerFont{font-family:MATURA MT ;font-size:22px;display:table-cell;}.Login{display:block;position:absolute;top:15px;right:50px;}\[/code\]3 Mobile-Style.css\[code\].header { width: auto;}\[/code\]Now i need to know how can i get button like the website[PIC] -> http://i.stack.imgur.com/vlx09.pngHow do i make button visible on mobile but not on pc borwsers ..???
