TopBar menu: how to show the selected item in bold and italic?

[Jasmine]

Jasmine

September 11, 2015 at 9:01 am

Hi, I am using a child of Pinnacle Premium V1.4.8.
With your help, I was able to make a main menu item in the primary navigation menu to appear in bold and in italic when its corresponding page is selected and when when one of its sub-menu item is selected, by adding to the style.css file of the child theme:
ul.sf-menu li.current-menu-ancestor > a, .kad-primary-nav ul.sf-menu > li.current-menu-item > a {
font-weight: bold;
font-style: italic; }

Now, I would like to have the same treatment for the menu items in the topbar. When I am on smaller screens, the selected menu items do appear different from the others but not when in full screen.
Ideally, when one would be on a page that is listed on topbar menu, the corresponding menu item in the topbar would be in bold and italic with a different background color. Same behavior as what happens when one is on a page that is listed on the main menu.
I will send you a login in a private message. Thanks!