I'm struggling to prevent my HTML element from pushing down my other elements. When I look at the header, you can see that the BitBay title is causing alignment issues with the search bar and the account button.
Even after trying to use the text-align property, I still can't seem to resolve this issue. Any suggestions on how to tackle this problem?
Here's a snippet of my HTML code:
<head>
<script type="text/javascript">
if (screen.width <= 800) {
window.location = "mindex.html"; //Mobile site
}
</script>
<meta charset="utf-8">
...
And here's a portion of my CSS code:
#header input[type=text] {
width: 130px;
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
...