How can I remove the header background in Bullet theme?

Hi I’m currently using the bullet theme. I would like to remove the header background / make the header transparent. Please refer the link below.

https://themes.shopify.com/themes/bullet/styles/default/preview?surface_detail=carousel&surface_inter_position=1&surface_intra_position=3&surface_type=home

please send me code thank you

1 Like

@vanessaliew

Add this code in the bottom of app.css file,

follow this steps:
Online Store->Theme->Edit code->Assets->app.css.liquid

header {
    background: #fff0 !important;
    /* border-bottom: var(--globalBorder); */
}

@vanessaliew
Hii,

#shopify-section-header header {
	background: transparent !important;
	border-bottom: none;
}

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

Sorry but This doesn’t solve the issue, I want to move the slideshow image to the header, mainly for homepage only, other pages remain the current location. I also want to remove the header bottom border (also for homepage only), other pages also remain the bottom

border