Can I change the style of the drop down arrows on my main menu?

Store Design
2

Hi @Okcorral ,

Go to Assets > styles.scss.liquid and paste this at the bottom of the file:

#mobile_menu .right.icon-down-arrow{
	float: none !important;
}
#mobile_menu .icon-down-arrow:before{
	content: "" !important;
    display: inline-block;
    border: 12px solid transparent !important;
    border-top: 12px solid #000 !important;
    border-bottom: 0 none !important;
    width: auto !important;
}
#mobile_menu .icon-down-arrow:hover:before,
#mobile_menu .icon-down-arrow:focus:before{
    border-top: 12px solid #af2525 !important;
}

Hope it helps!

1 Like