Impulse Theme change down arrow to plus sign

[Luxurymrkt]

Hi I’m looking to change the arrow down / chevron in mobile navigation and mobile footer to a plus sign similar to amiri website. 
My site is https://luxurymrkt.com 

 

[LitCommerce · Accepted solution]

Hi @Luxurymrkt,

Go to Assets > theme.css and paste this at the bottom of the file:

.site-footer .collapsible-trigger__icon .icon {
	display: none !important;
}
.site-footer .collapsible-trigger .collapsible-trigger__icon:after {
	content: '+';
    display: block;
    position: absolute;
    font-size: 18px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.site-footer .collapsible-trigger.is-open .collapsible-trigger__icon:after {
	content: '-' !important;
}

Hope it helps!

[Luxurymrkt]

amazing!! Works perfect

for anyone looking to do this

for navaigation also just change site-footer in the 3 diff lines of coding to mobile-nav

[Luxurymrkt]

Is there a way to make the  + and - it Not bold tho. Want similar to picture and my menu

I tried adding font-weight: normal; but didn’t seem to work

[Luxurymrkt]

Anyway to change the plus sign to semi bold or normal? The bold is way to bright for the menu. Thank you

[Luxurymrkt]

Fixed it

changed to this ＋full width plus sign

[Stackgirl7]

Hey thank you, is there a way i can make it transformable. like a smooth transition from + to -