ENVY THEME: reduce arrow of drop-down menu

Store Design
, , ,
1

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

chiara94_0-1715449089307.png
chiara94_0-1715449089307.png442×536 5.73 KB

2

Could you please provide store url? @chiara94

3

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

4

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 → save.

PageFlyHenry_0-1715505685649.png
PageFlyHenry_0-1715505685649.png1365×651 47.6 KB

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

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.

PageFlyHenry_1-1715505686303.png
PageFlyHenry_1-1715505686303.png1365×588 610 KB

Hope that my solution works for you.

Best regards,

Henry | PageFly

5

Thanks, Adriabeachwear.com