Nav Bar Element Not Active? (links arent working)

I'm trying to create a sidebar with links on a wordpress page.

Screenshot: http://imgur.com/CgVJTS8

HTML for sidebar:

    <div class="right">
    <ul style="list-style-type:none;">
    <li><a href="#">About Us</a></li>
    <li><a href="#">Our Products</a></li>
    <li><a href="#">FAQs</a></li>
    <li><a href="#">Contact</a></li>
    <li><a href="#">Login</a></li>
   </ul>
    </div>

CSS:

.right{ position: absolute; top: 400px; right:980px; bottom: 80px;}

Basically it just doesn't treat the links as links. It's like the element is disabled. All I can do is see the element. I think it's behind something...not sure. I've played around with th eposition and I can get it to work if I make it relative but then it messes up the location of the sidebar.

Also: I know there are more effective ways of doing this, but I am a student with restricted access to the admin panel of this wordpress site so I'm just trying to do what I can with what I can.

Thank you for any advice/wisdom!

UPDATE: Works in IE just not Chrome...wtf

Solutions

"I think it's behind something...not sure"

Try to add z-index: 1000; (or higher) and width: 400px;.
z-index will move the absolute element on top of other elements. Sort of like layers.

Example

.right {
    z-index: 1000;
    width: 400px;
}
Tags: Html / Css / Wordpress

Similar questions

Responsive nav bar using foundation's top-bar class
Troubles toggling the hamburger menu and large size menus based on screen sizes, using zurb-foundation top-bar framework.I get both top-bars one below the other, regardless of screen size. I have tried rearranging the order in which i load the java script files for foundation, but no luck. I have read over the docs a million times and just cannot f...
Add active state to wordpress admin-bar element
I created a custom wordpress admin bar for a specific user group. Does anyone know a way to add a active state to a wordpress admin bar element, so that I can highlight it if the user is on that specific page I'm linking to? I couldn't find one.. Here is a sample code how I created the custom menu:
Remove element from nav bar
(This is a question I would normally be able to ask the creators this wordpress theme, except that it's for a site I made long ago that was abandoned by the client...who has now reappeared and asked for some customisations! I'm no longer eligible for theme support so... hope you can help! Thanks!) I have a nav bar that had a search form build in. I...
how to echo specific php if element specific element id is active?
I've got a wordpress page with tabs on it, and I want to show in one of 'em a query of posts from a category. I've got an active li like: where the tab info is shown All I came up with is: I know this will sound rather easy but I'm a newbie on php but up to learn.
All my nav links are highlighted as active in Neve Theme - Wordpress
I am using the Neve theme to build a custom WP theme. It is a one-pager. So all nav links in the menu are custom links, linking to a section within the home page. I first tried to make them relative links e.g. #service but then the mobile menu would not close after clicking them. After reading a bit online I found the solution to make them aboslute...
walker menu, get parent element in a dropdown and child element in another element
here is my situation, I'm trying to have a custom wordpress menu: so far my walker is like this: The problem being, it's adding parent and children element in the same select dropdown instead of two separates one . . how can this be achieve ? It will be super to have some help with that, Thanks -- EDIT -- Example: If i have a menu like: To

Also ask

We use cookies to deliver the best possible experience on our website. By continuing to use this site, accepting or closing this box, you consent to our use of cookies. To learn more, visit our privacy policy.