Add cart icon to header / fix a static header

[JG123]

Hi everyone 👋 

I was wondering if someone could help me - I have a bespoke svg for my search icon and would like to reuse it for my cart icon (in its original template position — the opposite of search icon).

I would also like my header static/fixed so it is constantly at the top of screen whilst scrolling!

So header appears as so (search is left - already placed / cart is right - needs placing) :

Might anyone be able to help with that?

Link: https://1295c5-13.myshopify.com

Thanks so much!!

Joe

[Moeed]

Hey @JG123 

Your store is password protected, can you share the password as well?

Best Regards,

Moeed

[JG123]

Hey Moeed!

Sure, it’s: dellsfarm 

Thanks!

[BSSCommerce-B2B · Accepted solution]

@JG123, to fixed your header at the top follow these step

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

Step 2: Search file theme.liquid

Step 3: Insert this code above </body> tag:

<style>
    #shopify-section-header {
        position: fixed;
        z-index: 1000;
    }
    .site-nav {
        margin: 0 !important;
        background: #fff !important;
    }
    #MainContent {
        margin-top: 178px;
    }
    @media only screen and (max-width: 749px) {
        #MainContent {
            margin-top: 126px !important;
        }
    }
    @media only screen and (max-width: 400px) {
        #MainContent {
            margin-top: 92px !important;
        }
    }
</style>

[JG123]

Worked a treat - thank you!