[Support request] Chnage the menu button

[Jusung]

Hello.

On the 4th menu button, you can see 5 submenues.
I firstly wanna remove the arrow next to the name,
Secondly, the width of submenu is too large.
I wanna make the same width of submenu with main menu above.
Thirdly, on the submenu, I wanna make the same background color hoover with main menu.

Could you help with this?

[David]

Hi there,

you can use this CSS to set the width of the submenu:

.main-navigation ul ul.sub-menu {
    width: unset;
    left: 0 !important;
    right: 0;
}

For the colors, go to Customizer > Colors and edit your Primary Navigation colors, it includes options for the sub menu.

[Jusung]

Thanks! it works. one more question!

How can I remove the arrow next to thet name of the menu?

[David]

Try this CSS:

@media(min-width: 769px) {
    .menu-item-has-children .gp-icon {
        display: none;
    }
    .menu-item-has-children .dropdown-menu-toggle {
        padding-left: 0 !important;
    }
}

[Author]

Posts