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;
}
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