[Resolved] PC: hover – Mobile: press menu item

[detanatar]

How to implement such functionality?
1) in the desktop version, the submenu opens when you hover over the menu item
2) in the mobile version, the submenu expands when clicking on the menu item (not on the icon)
———–
WordPress theme GeneratePress implemented like this
PC: hover – Mob: icon tap
or
PC: press menu item – Mobile: press menu item
necessary
PC: hover – Mobile: press menu item

[David]

Hi there,

try adding this CSS:

@media(max-width: 768px) {
    .main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle {
        position: absolute;
        left: 0;
        right: 0;
        text-align: right;
    }
}

[detanatar]

I have pasted your code
set menu settings – hover
nothing changed

[detanatar]

sent the site

[David]

Oops. I made a mistake in the CSS, please use the code above now:

https://generatepress.com/forums/topic/pc-hover-mobile-press-menu-item/#post-2296018

[detanatar]

Wonderful.
Thank you.
Everything is working

[David]

Glad to hear that!

[Author]

Posts