jdancet
Forum Replies Created
-
For those interested …
The code I finally use is:
.current-menu-parent a, .current_menu_item a, .current-menu-ancestor a {
;color: #1c7c7c;
}
.single-post .menu-item-1942 a {
color: #1c7c7c;
}You only have to change the number in menu-item-1942 to use the same code for your own website.
1942 is the unique code WordPress gives to your Homepage.
You can find out the number by using the excellent plugin SiteOrigin CSS for instance or by using the inspector in Firefox.- This reply was modified 7 years, 6 months ago by jdancet. Reason: spelling
Excellent! Thank you very much!
It would make sense to have this as the standard option in this theme, wouldn’t it? Single page menu items turn green when that page is the active page and so does the homepage with the posts. But from the moment a child page is active the parent page isn’t highlighted. To do so one has to perform some CSS-trick. And a very hard to find one if one wants to do the same with blog posts.
- This reply was modified 7 years, 6 months ago by jdancet.
Excellent! Thank you!
It would make sense to have this as the standard option in this theme, wouldn’t it? Single page menu items turn green when that page is the active page and so does the homepage with the posts. But from the moment there is a child page is active the parent page isn’t highlighted. To do so one has to do some CSS-trick. And a hard to find one if one wants to do the same with blog posts.https://annvandessel.com
The site is in Dutch.
The Home Page is ‘Nieuws’.My starting page is the blog page, which I refer to in the menu by ‘News'(= Home). The color of this menu item is green (#1c7c7c) indicating correctly it is the active page. When you click on a blog post the home page isn’t ‘green’ like it should be (indicating the active page) but grey like all other items on the menu bar.
Is it possible to change that using css?
Found the answer:
.current-menu-parent a, .current-menu-ancestor a {
color: #1c7c7c;
}
Thanks to: kries.at
But this doesn’t work for the blog posts!Nobody that can help? I tried the Max Mega plugin which replaces the original menu and that certainly is a solution on a desktop, but when I open the site on phone or tablet two (hamburger) menus are to be seen: the old one (unusable) and the new one.