[Support request] menu customization

[Jeffrey]

Wow, I can’t believe how much I’m learning and how great the support here really is.THANK YOU!!!

Also, can we come back to the underline now? 🙂
https://generatepress.com/forums/topic/menu-customization-3/#post-1384653

[David]

OK you have this CSS which makes up for the missing dropdown toggle:

.main-navigation .main-nav ul li.menu-item-has-children > a {
    padding-right: 10px;
}

Make it: padding-right: 20px; to march the menu spacing.

For an underline – use this CSS instead of your current:

@media (min-width: 769px) {
    .main-navigation .menu>.menu-item>a::after {
        content: "";
        position: absolute;
        left: 20px;
        right: 20px;
        bottom: 15px;
        height: 2px;
        opacity: 0;
        background-color: currentColor;
        transition: 0.3s opacity ease;
    }

    .main-navigation .menu>.menu-item.current-menu-item>a::after,
    .main-navigation .menu>.menu-item.current-menu-ancestor>a::after,
    .main-navigation .menu>.menu-item>a:hover::after {
        opacity: 1;
    }
}

[Jeffrey]

once again, thank you!

In all this the shopping cart pop up (in the main nav) seems to be overlapped. It only shoes the bottom half with subtotal.

Does it need to be repositioned?

[David]

Change this CSS:

.main-navigation ul li:not(.current-menu-item):hover ul, .main-navigation .main-nav .menu-item .dropdown-menu-toggle  {
    display: none;
}

to:

.main-navigation ul li:not(.current-menu-item):hover ul:not(.product_list_widget), .main-navigation .main-nav .menu-item .dropdown-menu-toggle  {
    display: none;
}

[Jeffrey]

not sure if this is a new ticket, but how can i center the secondary navigation that we created here. I set it to center in the customizer. But it still seems off to the right.

[David]

Try adding this CSS:

.secondary-navigation-logo img {
    position: absolute;
    left: 20px;
    top: 0;
}

[Jeffrey]

that did it! thank you

[David]

You’re welcome

[Author]

Posts