Vertical menu outside of wrapper (1 post)

  1. BrianASD
    Posted 1 year ago #

    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:

    	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%;
    	-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. :)



Topic Closed

This topic has been closed to new replies.

About this Topic