Main Nav. and Mega Menu Troubleshooting

Hi again. :)

We added the following filter to move the cart icon to the secondary nav

add_filter( 'generate_woocommerce_menu_item_location', 'tu_move_menu_cart_item' );
function tu_move_menu_cart_item() {
    return 'secondary';
}

Trouble is, now there's no cart icon on the mobile menu. Any suggestions on the best way to get the cart icon back on mobile?

Thank you,

Matt

Any chance you can open a new topic for this question?

Thanks.

No problem.

Thanks!

Hi There,

On screen sizes under around 1100px, the mega menu sub items are not wrapping to the next line, and so are overlapping the next column.

Can you suggest a fix?

Here's a screenshot for clarification: https://nimb.ws/x5iOHD
Url here: https://3sternstaging.com/

Thank you!

Change this CSS

dropdown-click .main-navigation ul li:not(.mega-menu) ul {
    width: 300px;
}

to this:

.dropdown-click .main-navigation .main-nav> ul >li:not(.mega-menu) >ul {
    width: 300px;
}

Awesome. Thanks Ying!

No problem :)