Change size of svg menu icon in header

Store Design
, , , , ,
1

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: seraneeva.com. Any help would be greatly appreciated!

2

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:

BSSTechVenture_0-1716839361261.png
BSSTechVenture_0-1716839361261.png1919×881 125 KB

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 :heart_eyes:

3

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