Solved

Css Dropdown Menus

Posted on 2014-07-22
4
248 Views
Last Modified: 2014-07-22
I have a wordpress website with a dropdown menu.  I'm using CSS to style the background on Hover.  However, Menu choices that do not have a dropdown menu, I don't want there to be any background on hover.  Also, my dropdown menu is inheriting attributes that I don't want there.  If you go here: http://spokeinsurance.com/spoke/ and go toi the menu it should make sense.  But for further info, go to ABOUT and then down to "who we are" and you will see the styling I don't want.  Then if you go to FAQ, there is a background on hover that I don't want there cause there is no dropdown menu.

Any help?
0
Comment
Question by:rgranlund
4 Comments
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
ID: 40212883
styles.css line 2449
Change
.top-menu li:hover

to
.top-menu .menu > li:hover:nth-child(n+3)
0
 
LVL 28

Expert Comment

by:chilternPC
ID: 40212885
not sure what you mean.
on safari it looks ok.
the way I see  menus are as buttons and buttons when clicked will do something and buttons usually have a hover over and change to indicate you have got the right button.  is it just the  actual change you don't like?  
I think its slightly too big when you hover and would just go for the change in colour,
0
 
LVL 7

Author Closing Comment

by:rgranlund
ID: 40212925
Yep, never would have come up with that.  Thanks!
0
 
LVL 15

Expert Comment

by:eemit
ID: 40212972
You can also use class menu-item-has-children added by WordPress, e.g:
.top-menu li.menu-item-has-children:hover {
    box-shadow: 0 -3px 8px -5px black;
}

.top-menu li:hover {
    box-shadow: none;
}

Open in new window


Please note: If you have less than three sub-menu items posted solution will not work.
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

Suggested Solutions

Title # Comments Views Activity
Echo vs ?><?php  html code 4 45
Wordpress Carousel Size 1 14
datetime in sql 6 24
echo time from sql to input type="time" 9 17
Build an array called $myWeek which will hold the array elements Today, Yesterday and then builds up the rest of the week by the name of the day going back 1 week.   (CODE) (CODE) Then you just need to pass your date to the function. If i…
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
The purpose of this video is to demonstrate how to reset a WordPress password if you are locked out and cannot reset the password. A typical use would be if you cannot access the email to which WordPress would send the password recovery email to…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

919 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

19 Experts available now in Live!

Get 1:1 Help Now