Can I replace right arrows with a + sign in Dawn theme's mobile side menu?

[jennarose]

URL www.willowrhode.com

I am wondering if on the side menu drop down on mobile if I could get rid of those right arrows and replace them with either a + sign or a down arrow head.

thanks yoU!

[ExpertRookie · Accepted solution]

Hi @jennarose 

You can also try this way:

1. Go to Online Store > Themes
2. Click to Edit the theme
3. Add this code to component-menu-drawer.css file

.js .menu-drawer__menu-item .icon.icon-caret {
    display: block;
}

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

Please try it and let me know.

[D666]

It worked! Can I use different icons to open and close the submenus?

[taymoorzaman000]

It helps me to to get rid of arrow sign to caret, but i need a proper dropdown when someone click on it, besides all thing still same & visible. What is happenening now is that when I click on caret icon everthing dissapeared & I landed to collection as sliders but i need on page drop down please help