Solved

Impulse Theme change down arrow to plus sign

Luxurymrkt
Navigator
601 2 104

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 

0566C94A-E242-4119-B452-1DA1C9917E12.jpeg

542EB776-0A79-41D6-BB6B-5C25C58B921B.png

Thank You | mike
Accepted Solution (1)

LitCommerce
Astronaut
2860 684 744

This is an 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!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post

Replies 6 (6)

LitCommerce
Astronaut
2860 684 744

This is an 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!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!
Luxurymrkt
Navigator
601 2 104

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

Thank You | mike
Luxurymrkt
Navigator
601 2 104

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

Thank You | mike
Luxurymrkt
Navigator
601 2 104

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

Thank You | mike
Luxurymrkt
Navigator
601 2 104

Fixed it

 

changed to this +full width plus sign

Thank You | mike
Stackgirl7
Visitor
1 0 0

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