menu arrow

Hi there,

You could just remove the arrow, if you are not linking the parent items with this CSS:

@media (max-width: 768px) {
    .main-navigation .menu-item-has-children .dropdown-menu-toggle {
        display: none;
    }
}

Hi David

I am sorry, but I do not understand the proposed solution.
If I remove the arrow there is no option to display the submenu.
I have tried the code, remove the arrow, but if I click on the word, close the whole menu.

Regards

The parent menu needs to be a custom link just containing a #. Then the whole line comes clickable.

Hi
Oh okay, I get it.
It's a possible solution, okay, thank you.

Hi Chete

sorry should have given you the first code which would move the arrow to where you want it:

.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle {
    float: none;
}

Yeah, perfect. That's much better.

Thanks David !

Glad to be of help