how to increase shopping cart icon size on brooklyn theme

Solved
Highlighted
New Member
7 0 0

Hi guys, 

I'm using brooklyn theme store, does anyone know how i can increase the size of the shopping cart icon? 

thanks!

0 Likes
Highlighted

This is an accepted solution.

Hello @cupcakes,

Go to Online Store->Theme->Edit code->Asset->theme.scss.liquid->paste bellow code in bottom of file

.site-nav__link--icon .icon.icon-cart {
    font-size: 32px;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
New Member
7 0 0

thank you it worked perfectly !

0 Likes
Highlighted
Tourist
11 0 0

Good day, how can i do this for the mobile site on Brooklyn?

@oscprofessional 

Thank you in advance

0 Likes
Highlighted

Hello sowjones,
Please share your site url.
So that i can check and let you know the exact solution here.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
11 0 0

@oscprofessional 

didysow.myshopify.com

pw: iackeu

0 Likes
Highlighted

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->timber.scss.liquid

.site-nav--mobile.text-right span.icon.icon-cart {
    font-size: 3em;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
11 0 0

The code provided actually did the opposite,

Im trying to reduce the size of the shopping cart logo top right of mobile site.

@oscprofessional 

0 Likes
Highlighted

Add this css

.site-nav--mobile.text-right span.icon.icon-cart {
    font-size: 1.5em;
}


Note: Please change font size as per your requirement

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Tourist
11 0 0

Thank you verify much for the prompt reply and for fixing my issue.

 

Thank you.

@oscprofessional 

 

 

 

0 Likes