Archived topic
Chnage the menu button
3 replies · Started by Jusung on November 27, 2022
Viewing posts 1–4 of 4
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?
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.
Thanks! it works. one more question!
How can I remove the arrow next to thet name of the menu?
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;
}
}
This archived topic is closed to new replies.
