BOUNDLESS THEME: How to create a STICKY/ FIXED HEADER with cart icon?

[TIGER_GUY2021]

 I have include a photo of the big issue i have. I saw other websites using BOUNDLESS THEME and they were able to have a FIXED HEADER with cart icon stay on page when someone scrolls your site. I do understand there are other free themes with FIX HEADER but i really need this theme for what i am selling. Does anyone know any codes that work for BOUNDLESS THEME? I have been searching for 2 years and still no results!!!!

 

[oscprofessional]

Hi,
Please share your store URL & Screenshot, So I will give you proper solution here !

[TIGER_GUY2021]

 Tigar6060.myshopify.com CODE: Tiger 

[oscprofessional]

Hi,

As your menu is fixed so logo will also fixed but it is in center of header,it will overlapped with main menu..

sharing you screenshot see let me know you have any changes?

[TIGER_GUY2021]

Thank u so much I can remove navigation to put logo in center. This is what I was looking for years. If I remove the default home-new release-hoodies will the codes work?

[oscprofessional · Accepted solution]

ul#SiteNav {
    text-align: revert;
    left: 86px;
}
.grid.grid--no-gutters.grid--table.site-header__inner {
    position: fixed;
}

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

Note: this code is for desktop only for mobile you can hide anything so that all section will get in one line...or else ?

[TIGER_GUY2021]

I Just wanna thank you, you are my HERO!!!!!!!!!!!!!!!!! This community rocks this is exactly what i wanted. I search 2 years and you took the time out to help. THANK YOU SO MUCH

[TIGER_GUY2021]

Can i ask one more favor how can i change the transparent color in header to black? 

[TIGER_GUY2021]

-----------im sorry i figured it out THANKS ONE MORE TIME!!!!!!!!!!!!