Vertical menu outside of wrapper
-
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.