After hours of searching, I still can't find a solution to my problem. I'm new to this, and on my main monitor, everything looks centered just fine.
1920x1080: View larger image
But on my 1280x1024 monitor: View smaller image
As you can see, it's uncomfortably off-balance. Here is the code for my website...
/*---Start Navbar---*/
.nav-main {
display: block;
list-style: none;
position: relative;
width: 100%;
height: 70px;
/* Adds shadow to the bottom of the bar */
-webkit-box-shadow: 0px 0px 8px 0px #000000;
-moz-box-shadow: 0px 0px 8px 0px #000000;
box-shadow: 0px 0px 8px 0px #000000;
/* Adds the transparent background */
background-color: rgba(1, 1, 1, 0.8);
color: rgba(1, 1, 1, 0.8);
}
.nav-logo {
float: left;
height: 40px;
padding: 15px 20px;
line-height: 60px;
display: inline-block;
list-style-type: none;
}
ul {
text-align: center;
position: relative;
margin: 0;
padding: 0;
float: left;
left: 30%;
list-style-type: none;
display: inline-block;
}
ul li {
float: inherit;
}
.nav-item {
display: inline-block;
list-style-type: none;
padding: 15px 20px;
height: 40px;
width: auto;
line-height: 50px;
color: #fff;
text-decoration: none;
}
li a:hover {
background-color: #444;
}
/*---End Navbar---*/<nav class="nav-main">
<ul>
<li>
<a href="http://phalanxgaming.org/" class="nav-logo" target="_blank">
<img src="http://i.imgur.com/sg5DZao.png?2" alt="logo" style="width:60px;height:60px;">
</a>
</li>
<li>
<a href="https://docs.google.com/forms/d/1ukgWHC3_xFmkxiCEhb-ZN9dYw2kHWQEyo_inPW7u0mw/viewform?usp=send_form" class="nav-item" target="_blank">CONTACT US</a>
</li>
<li>
<a href="ts3server://tsgb1.vilayer.com:10022/?nickname=" class="nav-item">TEAMSPEAK</a>
</li>
<li>
<a href="https://www.paypal.me/PhalanxGaming" class="nav-item" target="_blank">DONATE</a>
</li>
<li>
<a href="http://steamcommunity.com/groups/P-GC" class="nav-item" target="_blank">STEAM</a>
</li>
<li>
<a href="http://www.twitch.tv/phalanxgamingofficial/" class="nav-item">TWITCH</a>
</li>
</ul>
</nav>I appreciate any support. Sorry for any mistakes in my writing, I am quite tired and can't sleep until I resolve this issue.