Jump to content
Sign in to follow this  
szool

not sure how to word this.... menu colors maybe?

Recommended Posts

szool

check out my main menu: http://citizenmediagroup.com Some menu items have dropdowns and others do not. On my menu items that have drop-downs, notice that I do not have the top (main) menu item linked, only the drop-downs are linked (for example, "Radio Shows"). Note that I used the css tricks to change the background color of the active menu selection to blue, so when you first arrive at the site, "Home" is in blue. Then as you mouseover other selections they turn blue when you actively mouseover them. Now here is my problem: When you get to the drop-downs, while the menu is dropped down and you are mousing-over the items in the list, the top (main) selection remains in blue. I don't want that.... I only want the "Active" page and the item currently being moused-over to be in blue. Does this makes sense?

Share this post


Link to post
Share on other sites
szool

I also see another problem. When you select a drop-down for example "Radio Shows" and the subnav appears underneath, the active item in the subnav is blue... BUT... the blue box that was up on "Radio Shows" on the main nav disappears... so you can forget which submenu you are on. How to fix that?

Share this post


Link to post
Share on other sites
Andrew

Looked at your site, the nav seemed to be working nicely and as intended. Didn't notice any bugs.. Could you post a screenshot/graphic of what you're seeing vs what you're looking for?

Share this post


Link to post
Share on other sites
szool

How do you post screenshots here? I emailed them to you but they said not to send email. Did you look at them?

Share this post


Link to post
Share on other sites
cmunns

I did look at them. You can actually post images here or post a URL to the image. The problem is that the active state is being applied to that item bc it is duplicated in the main nav. Do you need it in both main nav and sub nav?

Share this post


Link to post
Share on other sites
szool

I am not sure exactly what you mean. I'd like for the active page to be in blue..... meaning the active main item and the active sub item... whatever is active.

Share this post


Link to post
Share on other sites
cmunns

The point is that both of them are active. Both link to the same page and therefore both turn blue in the case of that one page. I would delete it from your subnav to avoid redundancy.

Share this post


Link to post
Share on other sites
szool

no what I mean is that when you navigate further down, it is NOT blue on the main nav.....only on the sub.

Share this post


Link to post
Share on other sites
cmunns

...and you want it to be blue on both?

Share this post


Link to post
Share on other sites
cmunns

I think I understand what you want, but this isn't the normal action of a "drop-down" menu. Actually it defeats the purpose of it because then your main nav items will be covering other parts of your page, especially when you already have a sub-nav that tells them where they are. If you are concerned about people getting lost on your site I recommend turning on pagetitles in the theme options. I'm not sure if it's possible to do what you're looking for.

Share this post


Link to post
Share on other sites
szool

well... for example click on "Join CMG" on the main menu: http://citizenmediagroup.com When you click on "Join CMG" it turns blue. It also opens up the subnav and "Why Join CMG" is also blue on the subnav. They are both blue at the same time. Now click on "Memberships" on the subnav, and "Memberships" turns blue on the subnav, but "Join CMG" on the main nav goes back to black. There is not a way to keep it blue so long as that particular subnav is open?

Share this post


Link to post
Share on other sites
bryan-hadaway

Okay, I understand the problem and I see what you're trying to do. This will take some custom coding, let's see if I can explain this better for the developers. 1. Start here: http://citizenmediagroup.com/about-page/about-cmg/ Now, you'll see 2 highlighted tabs; the main and sub, that's right. 2. Now, click on the next tab OUR MISSION. OUR MISSION is now highlighted, but the main parent tab About is no longer highlighted. What Herman wants is for every other sub nav tab/page besides just the first to continue to have the main menu parent tab highlighted as well. Thanks, Bryan

Share this post


Link to post
Share on other sites
bryan-hadaway

Hi Soljon, did I explain it correctly? Go ahead and confirm if I did and bump the topic for a developer to see and I'll also forward this topic to be doubly sure it get's attention. Thanks, Bryan

Share this post


Link to post
Share on other sites
cmunns

Add this to your CSS styles `#nav ul li.current-menu-parent a {background:blue;}`

Share this post


Link to post
Share on other sites
txvoices

no it is working... had some browser cache issues

Share this post


Link to post
Share on other sites
bryan-hadaway

How about you Soljon, were you also able to get it working? Thanks, Bryan

Share this post


Link to post
Share on other sites
bryan-hadaway

Good to hear. Thanks, Bryan

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×