Change size of svg menu icon in header

250 0 38

Hi guys,


I've been stuck on this for a while. If I inspect element on the svg icons the header, all icons are 40x40 except for the menu icon (38x38). How can I change this?? Website: Any help would be greatly appreciated!

Replies 2 (2)

Shopify Expert
733 244 255

Hi @flammagreg

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

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file -> Save

.standalone-icon--wrapper svg {
    height: 40px !important;
    width: 40px !important;

.hamburger-nav-button svg {
    height: 38px !important;
    width: 38px !important;

Here is result: 


Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .

B2B Solution & Custom Pricing | Product Labels by BSS

Need help from our expert? Kindly share your request with us via

BSS Commerce - Full-service eCommerce Agency

Shopify Partner
1168 331 281

Hi @flammagreg 

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

Step 3: Paste the below code at bottom of the file -> Save


.site-nav--mobile svg.fa-2x {

    width: 25px !important;

    height: 25px !important;



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.