Current Page menu settings only working on primary menu bar

[Macradoo]

Hi,

I’ve decided not to use the primary menu bar and have the main navigation in the header widget to place it beside my logo on my site 

http://www.macradoo.co.uk

I’m hitting a problem with the current page settings not acting in the extra or secondary menus. Am using extra menu styling on top menu and secondary on the bottom of page menu.

Have searched the forum and the closest previous query was about different settings for mobile then desktop and suggested using

.wvrx-extra-menu .current_page_item > a, .wvrx-extra-menu .current-menu-item > a, .wvrx-extra-menu .current-cat > a {background-color:red !important;}

Have tried this in the extra menu item cs box, but no change. May be putting it in the wrong CS box.

Any suggestions would be great.

cheers

[scrambler]

I think you are using the wrong menu type in your extra menu shortcode.

You are using horizontal, which only has minimum styling. You need to use standard in order to pick up all the styling options.

[extra_menu menu_name='YourmenuName' menu_style='primary' menu_type='standard']

If you are purposely not using standard, then you can add current page styling to the basic horizontal menu with the rule below in Main Options > Fonts & Custom > Custom CSS Rule box

.wvrx-horizontal-menu .current_page_item > a {background-color:red !important;}

[Macradoo]

Changed it to standard and it is all sorted.
Thanks Scrambler

[Author]

Posts