Need To Move Menu Over

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter n0ts0smart

    (@efpeterson)

    Anybody?

    You have the following code :

    #header-right {
float: right;
width: 490px;
height: 250px;
display: inline;
overflow-x: hidden;
overflow-y: hidden;
}

    Make it :

    #header-right {
float: right;
margin-right:60px;
width: 490px;
height: 250px;
display: inline;
overflow-x: hidden;
overflow-y: hidden;
}
    Thread Starter n0ts0smart

    (@efpeterson)

    That pushes the banner image to the right and doesn’t move the actual menu to the left.

    sorry my bad, i used the wrong class here, do this to the nav, but this is a badoption, ur html is quite badly established, things overlap :

    style="position:absolute;top:220px;right:50px"

    If you like i can make you a proper header container with all your things as this is really way outta propotion. And your menu is longer than the available space .

    Thread Starter n0ts0smart

    (@efpeterson)

    It’s the “new-balance-of-blue” theme. I’ve just modified the images a bit. Never touched the code, which is why I’m having a bit of difficulty with it. How do you suggest going about making a proper header container?

    Most probable like this :

    <html>
<head>

<style>

#header {
position:relative;
margin:0px auto;
margin-top:60px;
}

#logo{
float:left;
margin-left:60px;
height:(height of your pix);
width:(width of your pix);
}

.banner-block {
float:right;
margin-right:20px;
margin-top:60px;
}

.nav {
position:absolute;
bottom:20px;
right:10px;
}

</style>

</head>
<body>
<div id="header">

        <div id="logo">
            <img src="(your image here)" alt="" />
        </div>  

        <div class="banner-block">

        </div>

           <div class="nav">

            <ul>
                <li><a href="https://efpeterson.com">Home</a></li>
                <li class="page_item page-item-103"><a href="https://efpeterson.com/?page_id=103" title="Personal Training">Personal Training</a></li>
<li class="page_item page-item-105"><a href="https://efpeterson.com/?page_id=105" title="Group Fitness">Group Fitness</a></li>
<li class="page_item page-item-107"><a href="https://efpeterson.com/?page_id=107" title="Memberships">Memberships</a></li>

<li class="page_item page-item-109"><a href="https://efpeterson.com/?page_id=109" title="Athletics">Athletics</a></li>
<li class="page_item page-item-111"><a href="https://efpeterson.com/?page_id=111" title="About">About</a></li>
<li class="page_item page-item-113"><a href="https://efpeterson.com/?page_id=113" title="Contact">Contact</a></li>

            </ul>

        </div>

</div>
</body>
</html>

    An yeah sorry add to #logo margin:auto

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Need To Move Menu Over’ is closed to new replies.