Styling menu in Current page/Parent page

[perrasmussen]

Weaver version:
Weaver Xtreme Plus V.1.1.3

Site:
http://wp.nikodemus.dk/

With the styling:

#menu-pers-menu
li.current_page_item a {background-color:#C9C9C9;!important}

I have a
background-color at the primary menu items.

When I choose a
submenu in the primary-widget-area I would like still to have the
background-color in the primary menu item, but not in the submenu
item.

I tried to follow
Weaver Xtreme Tips and Turorial (part 6) without result.

Can you please give
me a hint?

Per Rasmussen

[scrambler]

Sorry, I am not following.

#menu-pers-menu  Appears to be your primary menu bar.

So why are you using a rule to set the primary menu current page?? There is a setting for that in Main Options > Menus > Options All Menus > Current Page BG box.

What item in the tutorial are you speaking of? If it is item 1) it is meant for the WordPress Custom Menu widget, not your primary menu bar (that has options for it…)

You mention a menu in the primary Widget area. The Primary widget Area is a Sidebar widget Area, and I see no menu in your sidebar.

Finally I am not sure what you are trying to do, so try to be more detailed

 

[perrasmussen]

As you see, so is the website not finished. So therefore under ‘Forside’ there is no submenu in The Primary widget Area. The other menus in the primary menu bar have submenus in The Primary widget Area.
The menus in the primary menu bar have a background-color:#C9C9C9 in hover-position and when the page is active.
When I choose a submenu in The Primary widget Area, the background-color:#C9C9C9 in the primary menu disappear.
I will like to have the background-color:#C9C9C9 in the primary menu bar to stay, when the pages in the submenu are active.
An example: Choose menu RESSOURCER in the primary menu bar, and then ‘Artikler’. Here I want to see, that I am on a subpage associated to RESSOURCER.
PS! The menu links in The Primary widget Area don’t need to have hover effect, background color etc.
Hope this is more clear to understand..! 😉
-Per-

[scrambler]

OK, it took me a while 🙂

The menu you place in the Sidebar primary widget area has no connection with the primary menu bar, so when you click on any item there, it cannot influence the primary menu bar item background.

What you will have to do is create a rule in every page of the sidebar menu to set the background color of the primary menu bar menu item.

For example, when you are on the page

The rule you need to add in Main Options > Fonts & Custom > Custom CSS Rule box to style the menu bar item is

.page-id-115 #menu-item-123 a {background-color:#C9C9C9;!important}

First selecopr is the page id selector, the second is the RESSOURCER menu item ID.

You will need to inspect your page with your browser developer tool to find the menu item ID for each one 

[perrasmussen]

@scrambler You have really solved my problem. I’m very grateful for your perfect support..! 🙂

[Author]

Posts