Solved

ENVY THEME: reduce arrow of drop-down menu

chiara94
Tourist
26 0 2

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

 

Accepted Solutions (2)

Arif_Shopidevs
Shopify Partner
129 18 13

This is an accepted solution.

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

Found it helpful? Please like and mark the solution that helped you.
Slider Revolution - Create sliders, theme sections, banners, videos, pages, advanced animation, and social feeds.
Essential Grid Gallery - Create photo galleries, video galleries, portfolio galleries, product gallery, collection gallery and more.
EasyDisplay: Product Showcase - Easily display collections, related products, discounts, recently viewed items, and best sellers

View solution in original post

PageFly-Henry
Astronaut
1062 303 257

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

PageFlyHenry_0-1715505685649.png

 




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

PageFlyHenry_1-1715505686303.png

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 4 (4)

thirtycoders
Shopify Partner
108 19 24

Could you please provide store url? @chiara94 

Thirtycoders || Shopify Partner
Found my response useful? Show your appreciation with a Like!
Did your query get resolved? Mark it as an Accepted Solution.
For additional discussions, reach out via: Email ID: thirtycoders@gmail.com
chiara94
Tourist
26 0 2

Thanks, Adriabeachwear.com

Arif_Shopidevs
Shopify Partner
129 18 13

This is an accepted solution.

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

Found it helpful? Please like and mark the solution that helped you.
Slider Revolution - Create sliders, theme sections, banners, videos, pages, advanced animation, and social feeds.
Essential Grid Gallery - Create photo galleries, video galleries, portfolio galleries, product gallery, collection gallery and more.
EasyDisplay: Product Showcase - Easily display collections, related products, discounts, recently viewed items, and best sellers

PageFly-Henry
Astronaut
1062 303 257

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

PageFlyHenry_0-1715505685649.png

 




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

PageFlyHenry_1-1715505686303.png

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.