Solved

remove top menu

Posted on 2014-04-19
5
312 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
In order to have all security and back ups taken care of, WordPress users can sign up for services with WP Engine.
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
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).

895 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

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now