ENVY THEME: reduce arrow of drop-down menu

[chiara94]

on envy theme 2.0 editing css i have been able to reduce font of the mobile menu and the padding of the text, but the arrow of the dropdown are still big and where there is a dropdown menu the padding si different. how can i solve the problem? thanks in advance

[thirtycoders]

Could you please provide store url? @chiara94 

[chiara94]

Thanks, Adriabeachwear.com

[Arif_Shopidevs]

Hi, @chiara94 

In your theme ->  base.css file you can insert this CSS it will make the menu arrow small

svg.feather.feather-chevron-right {
    width: 20px !important;
    height: 20px !important;
}

Hope it will solve your issues.

Thank you

[PageFly-Henry · Accepted solution]

Hi @chiara94 

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: paste bellow code in tag </body> -> save.

<style>

svg.feather.feather-chevron-right {

    width: 18px !important;

    height: 18px !important;

}
</style>

In addition, I think you should add a 'Shop Now' button and a heading on the banner of the Home page to increase the brand awareness of your store.

Hope that my solution works for you.

Best regards,

Henry | PageFly