Navigation Problems
-
Hello everyone,
I am having some problems formatting my navigation on my site – http://www.seekingsunshine.com. I would like it to stay fixed on top, centered, taking up the full width.
My two problems are that the width does not span the entire page, and if you shrink the window the navigation goes onto the second line, and I would like it to stay on one line.
I have tried messing with a few things and feel like it keeps getting worse. Could someone please look at my code and see what I am doing wrong? Thank you!!
.genesis-nav-menu { clear: both; background-color:#fff; position:fixed; z-index:99; border-bottom:none; font-family: 'Open Sans'; font-size: 14px; text-transform: uppercase; overflow: hidden; margin: 1 0 7em 0; top: 0; } .wrap { width: 100%; overflow: hidden; letter-spacing: 3px; position:static; } #header .genesis-nav-menu { float: right; margin-top: 48px; margin-top: 3rem; } .genesis-nav-menu.menu-primary, .genesis-nav-menu.menu-secondary { border-bottom: none; border-width: 100%; } .genesis-nav-menu ul { float: left; width: 100%; } .genesis-nav-menu li { display: inline-block; float: left; list-style-type: none; text-align: left; } .genesis-nav-menu .menu-item { display: block; text-align: center; } .genesis-nav-menu a { display: block; position: auto; border: none; color: #666; display: block; padding: 6px 6px; padding: 0rem 6rem; width:100%; overflow:hidden; } .genesis-nav-menu li.highlight-menu-item { margin-left: 50px; margin-left: 1.25rem; } .genesis-nav-menu .highlight-menu-item a { background-color: #2d2d2d; } .genesis-nav-menu .highlight-menu-item a:hover { background-color: #7F7E7F; } .genesis-nav-menu li li a, .genesis-nav-menu li li a:link, .genesis-nav-menu li li a:visited { background-color: #fff; border: 1px solid #ccc; border-top: none; padding: 16px; padding: 1rem; position: relative; width: 100%; } .genesis-nav-menu li ul { left: -9999px; position: absolute; width: 100%; z-index: 99; } .genesis-nav-menu li ul ul { margin: -55px 0 0 211px; } .genesis-nav-menu li:hover ul ul, .genesis-nav-menu li.sfHover ul ul { left: -9999px; } .genesis-nav-menu li:hover, .genesis-nav-menu li.sfHover { position: static; } ul.genesis-nav-menu li:hover>ul, ul.genesis-nav-menu li.sfHover ul, #header .genesis-nav-menu li:hover>ul, #header .genesis-nav-menu li.sfHover ul { left: auto; } .genesis-nav-menu li a .sf-sub-indicator, .genesis-nav-menu li li a .sf-sub-indicator, .genesis-nav-menu li li li a .sf-sub-indicator { position: absolute; text-indent: -9999px; } #wpadminbar li:hover ul ul { left: 0; }
-
What theme are you using? Where did you download it from?
I am using the Runway Genesis Theme from Studiopress
I’m sorry but as you are using a commercial theme, you need to seek support from the theme’s developer/vendor. We do not support commercial products here.
Try http://www.studiopress.com/support
The topic ‘Navigation Problems’ is closed to new replies.