• Hi all, I have a wrap width of 1024, and a menu that currently sits justified to the right side of the screen. I want to move it to be, say, 35px from the right edge of the wrapper. Here is the menu code in style.css:

    nav{
    	position: fixed;
    	top: 0;
    	right: -35px;
    	width: 200px;
    
    }
    nav p#menu-click-show{
    	display: none;
    }
    nav ul{
    	padding: 10px;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    	border-bottom-right-radius: 5px;
    	border-bottom-left-radius: 5px;
    	height: 100%;
    	background:rgba(0,0,0,0.5);
    	-webkit-box-sizing: border-box;
    	   -moz-box-sizing: border-box;
    	        box-sizing: border-box;
    }
    nav ul li{
    	padding:3px 0;
    }
    nav ul li a{
    	text-decoration: none;
    	color: #fff;
    	font-size: 12px;
    }
    nav ul li a:hover{
    	text-decoration: underline;
    }

    At the ‘nav’ section at the top, if I put that -35 value at, say, -135, it moves it almost off screen, which tells me that I’m somewhat in the right place for what I want to do. However, what is that relative to, or is that absolute to something?

    I’m thinking I would still have the position as fixed, but somehow relative to the edge of the main container wrapper.

    I have searched and haven’t found anything with quite this issue. If you need clarifications I’m online most of the time. 🙂

    TIA,

    Brian

  • The topic ‘Vertical menu outside of wrapper’ is closed to new replies.