To minimise menu width,
I want to remove the arrows from the drop-down menu.
can not find the option to do this.
In Global Styles > Custom CSS
I tried these codes (to no avail)
Is there an option to remove the arrows from the dropdown menu?
Any suggestions
/* Remove Greenshift dropdown menu arrow */
.gspb-bodyfront .gs-menu-item-has-children > .gs-nav-trigger::after,
.gs_menu_a8845 .gs-menu-item-has-children > .gs-nav-trigger::after,
.gs_menu_a1751 .gs-menu-item-has-children > .gs-nav-trigger::after {
display: none !important;
}
/* Also remove arrow rotation on hover */
.gspb-bodyfront .gs-menu-item-has-children:hover > .gs-nav-trigger::after,
.gspb-bodyfront .gs-menu-item-has-children.active > .gs-nav-trigger::after {
display: none !important;
}
/* ========================================
REMOVE DROPDOWN ARROWS
======================================== */
/* Remove dropdown menu arrows globally */
.gspb-bodyfront .gs-menu-item-has-children > .gs-nav-trigger::after {
display: none !important;
}
/* Remove hover state arrows */
.gspb-bodyfront .gs-menu-item-has-children:hover > .gs-nav-trigger::after,
.gspb-bodyfront .gs-menu-item-has-children.active > .gs-nav-trigger::after {
display: none !important;
}
/* Remove arrows for both menus specifically */
.gs_menu_a8845 .gs-menu-item-has-children > .gs-nav-trigger::after,
.gs_menu_a1751 .gs-menu-item-has-children > .gs-nav-trigger::after,
.gs_menu_a5053 .gs-menu-item-has-children > .gs-nav-trigger::after {
display: none !important;
}
/* Reduce padding to utilize extra space */
.gspb-bodyfront .gs-top-level-item {
padding-left: 10px !important;
padding-right: 10px !important;
}
Response