Docs

[FreekR]

Thanks! I tweaked it a little bit, and this got it exactly how I wanted it to look:

li.current-page-ancestor a {

-webkit-box-shadow: 0 4px 0 0 #E74C3C inset;
box-shadow: 0 4px 0 0 #E74C3C inset;
}

li.current-page-ancestor a span {

  color: #E74C3C ;
}

Thanks again!

[Nico]

Glad to hear that!

Let us know if you need anything else.

Thanks. Have a great day! 🙂

[iandelmonte]

I’d love a little help with this too, here’s my main nav on-page CSS and I’d like to apply a .current-page-ancestor to the sub pages as well:

header .x-navbar .x-navbar-inner ul.x-nav .current_page_item > a {
background-color: rgb(0, 133, 204);
border-top-left-radius: 10px;
border-top-right-radius: 10px;
color: rgba(255,255,255,1);
}

Thanks again, great support!
http://609.459.myftpupload.com/

[Nico]

Hi There,

Thanks for writing in.

Upon checking your setup, could not see any menu that has any sub pages.

Not sure which part are you trying to achieve. Please share us more details of what you want to achieve on your current setup.

Thanks.

[iandelmonte]

Sorry for the confusion. http://609.459.myftpupload.com/our-approach/ has a blue tab behind the nav item. http://609.459.myftpupload.com/our-approach/innovation/ is a child page of its parent but I’d like it also to have the blue tab behind it so people know which section it is in.

[Rupok]

Hi there,

Thanks for updating. It seems you are referring the active menu style. http://609.459.myftpupload.com/our-approach/innovation/ doesn’t exists on the menu so there is active link style for any menu item as it doesn’t exists. You can add this to menu item to get the style.

Hope this makes sense.

Cheers!

[Author]

Posts