Archived topic

GP 3.0 Hook & Menu CSS

3 replies · Started by Paul on September 3, 2020

Viewing posts 1–4 of 4

September 3, 2020 at 4:19 am #1429084

Hi,

Installed GP 3 Alpha but when I create a new element of any type, I don't see the new generate_menu_bar_items hook location?

Also the hover CSS on main menu items seems to apply when moving the cursor away from the current item, so while you might be hovering over a different item, the eye is drawn back towards the previous one - is this intentional?

Thanks,
Paul.

September 3, 2020 at 5:05 am #1429150

Hi there,

generate_menu_bar_items will be added to the list in the next GPP updated.
In the meantime you can select Custom Hook and generate_menu_bar_items to the field provided.

That hover effect is from CSS in your Customizer > Additional CSS.
This part controls the hover element:

.main-navigation .menu>.menu-item>a:hover::after,
.main-navigation .menu>.menu-item>a:focus::after,
.main-navigation .menu>.current-menu-item>a::after {
    width: 40px;
    /* controls the width of the line */
    color: #ffffff;
}

This line needs:

.main-navigation .menu>.menu-item>a:hover::after,

needs to be:

.main-navigation .menu>.menu-item:hover >a::after

This way the hover is detected on the larger LI element and not just the link text.

September 3, 2020 at 7:28 am #1429315

Cool can use the custom hook for testing. I think that CSS was left over from a site library import, I never add styling in the customizer. Cleared now anyway.

Thanks.

September 3, 2020 at 7:36 am #1429323

Glad to hear that !

This archived topic is closed to new replies.

Start building better websites today.