Jump to content
Sign in to follow this  
kirstensoerries

Second Nav current item

Recommended Posts

kirstensoerries

Hi, Iam trying to highlight the current page in the main and in the second nav. I've recently tried this code

	#secondnav .current-menu-item a {
		color: #E52318 !important;

but it does not work. e.G. } #http://www.pumptrack-fieber.de/Academy12/academy-camps/camp-uebersicht-2/ Another thing i recognised is that the current item on the main menu works perfect on a main page, but on a secondary page this item is also not highlighted. Is this a problem of the framework?

Share this post


Link to post
Share on other sites
catrina
In order for the second nav current item to be highlighted, you may need to adjust the background color by adding this property to the CSS: [code]background-color: #XXXXXX;[/code]

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
kirstensoerries
No this does not work either.

Share this post


Link to post
Share on other sites
catrina
The selector needed adjustment: [code]ul.secondnav_menu li.current_page_item {color: #xxxxxx; background-color: #xxxxxx;}[/code] Change xxxxxx to the color you want. [quote]Another thing i recognised is that the current item on the main menu works perfect on a main page, but on a secondary page this item is also not highlighted. Is this a problem of the framework?[/quote] Regarding that, the current item on the main menu isn't highlighted because when you're on a secondary page, you're on another page (not the parent page that the secondary item belongs to) so naturally, that item on the main menu isn't highlighted.

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
kirstensoerries
Hi Catrina, you code already worked, I've just added the a attribut: [code]ul.secondnav_menu li.current_page_item a, #secondnav li a:hover { color:#E52318 !important; background-color:#fff !important; }[code] The thing with the main menu is unlogiacal to me. These sites are child pages, so I would expect the main page also to be highlighted. Thanks

Share this post


Link to post
Share on other sites
Rob
Secondary menus are not always set up as child pages to parents. Hence the reason why the CSS isn't structured to recognize them as child pages.

Former PageLines Moderator, Food Expert and Raconteur

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  

×