Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

remove top menu

Posted on 2014-04-19
5
Medium Priority
?
324 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
5 Comments
 
LVL 35

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 35

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 35

Accepted Solution

by:
Dan Craciun earned 2000 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: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering 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

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
3 proven steps to speed up Magento powered sites. The article focus is on optimizing time to first byte (TTFB), full page caching and configuring server for optimal performance.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
Suggested Courses

609 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