Solved

remove top menu

Posted on 2014-04-19
5
315 Views
Last Modified: 2014-04-19
Hi,

How do I remove the horizontal menu as in the menu editor the menu is set to secondary menu only and not top primary menu?

http://mymrt.net/wordpress/

this didnt work either
.nav-menu
{
display:none;
}
0
Comment
Question by:jagguy
  • 3
  • 2
5 Comments
 
LVL 34

Expert Comment

by:Dan Craciun
ID: 40010096
Try this:
#primary-navigation {display:none;}
0
 

Author Comment

by:jagguy
ID: 40010104
ok it works but why would this work and this
fail?

.nav-menu
{
display:none;
}
0
 
LVL 34

Expert Comment

by:Dan Craciun
ID: 40010109
Because you have this and it overrides your style, being a more specific rule:
.primary-navigation .nav-menu {
            border-bottom: 0;
            display: block;
      }

http://css-tricks.com/specifics-on-css-specificity/

This rule has a specificity of 20, while your rule had a specificity of 10.

http://specificity.keegan.st/

The rule I used has a specificity of 100.
0
 

Author Comment

by:jagguy
ID: 40010112
How would I be able to know this from using firebug?
0
 
LVL 34

Accepted Solution

by:
Dan Craciun earned 500 total points
ID: 40010113
Short answer: look for longer style names.

When you add a rule and some other rule is longer and it contains your rule name, that rule will be applied.

Another short answer: when hiding elements, go for IDs. They are always more specific than classes.
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In order to have all security and back ups taken care of, WordPress users can sign up for services with WP Engine.
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
The purpose of this video is to demonstrate how to integrate Mailchimp with WordPress, by placing a Mailchimp signup form on a WordPress Page or Post. This will be demonstrated using a Windows 8 PC. Mailchimp will be used. Log into your Mailchiā€¦
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

840 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question