How to change the arrows in the menu to collapsible trigger buttons and change the arrows to plus +?

[Caroline33]

Hi,

I’m looking to change the arrows in the menu to collapsible trigger buttons and change the arrows to plus +

my site : https://a43199-3.myshopify.com/

[EBOOST]

Hi @Caroline33 ,

May I suggest to update code these steps:

1. Go to Store Online-> theme → edit code

2. Assets/base.css
3. add code below to end of file

.menu-drawer__menu-item>.icon-arrow {
        display: none;

    }
    .menu-drawer__menu   details summary.menu-drawer__menu-item:after {
        content: '+'!important;
        display: block!important;
        position: absolute;
        top: 50%;
        right: 2.5rem;
        transform: translateY(-50%);
    }

[Caroline33]

thanks for helping @EBOOST , it’s working on the desktop but not working on mobile, and it’s not what I expect ! i would like to make the plus sign like a trigger, like this pic