Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
CSS help needed with navigation
#1
http://s418104665.onlinehome.us/index.php?id=mrast

When on this page I would like to see the Services text highlighted as current because it is the parent page of the section.

The News section works correctly, but it is not using child pages in the same way as the Services section.

News
>News Item 1

Services
>mRast Allergen List
Dust
Drugs
Epidermal

At this point I have not altered the css much at all. Only small tweaks and nothing really regarding functionality like hover, current, visited etc. So I'm not sure what needs to be added or changed to make Services stay on when viewing a child page.
Reply
#2
sarnaiz Wrote:http://s418104665.onlinehome.us/index.php?id=mrast

When on this page I would like to see the Services text highlighted as current because it is the parent page of the section.

In the CSS change
Code:
header nav li.current a {
to
Code:
header nav li.current a, header nav li.currentpath a {
as the menu item has class current only, if it is the current page and currentpath, if it is a parent of the current page. You want to display both in the same way.

P.S.: I assume you are using the I18N plugin for the navigation. You should state this in the problem description.
I18N, I18N Search, I18N Gallery, I18N Special Pages - essential plugins for multi-language sites.
Reply
#3
Thanks mvlcek!! I will try this tomorrow. And yes, I am using your full suite of I18n plug ins. They are terrific.
Reply
#4
This worked perfectly. Thank you.
Reply




Users browsing this thread: 1 Guest(s)