Bullet Theme - Move slideshow image to header (homepage only)

Store Design
1

Does anyone know how to move the slideshow image to header for Bullet theme, and remove the bottom border on header (also for homepage only), other pages to remain unhcanged.

Please send me the code. Thank you. refer to this link https://themes.shopify.com/themes/bullet/styles/default/preview

Screenshot 2022-07-13 220120.png
Screenshot 2022-07-13 220120.png1348×497 614 KB

2

Please add below css code in bottom of assets/skelet.css file

header {
background: transparent;
border-bottom: none;
}
div#shopify-section-template–16173443743986__1648477807a5599bff {
margin-top: -52px;
}
Thank you.

3

Hi @vanessaliew ,

Go to Assets > app.css and paste this at the bottom of the file:

@media (min-width: 778px) {
	.t-index #shopify-section-header {
		position: fixed !important;
		width: 100% !important;
		top: 45px !important;
	}
	.t-index #header {
		background-color: transparent !important;
		border-bottom: none !important;
	}
}

Hope it helps!

4

Hi, this works on desktop but not mobile and tablet. Please help on mobile version as well

5

Hi @vanessaliew ,

If you want to work on mobile, just remove the code here, it will work for all devices:

Screenshot.png
Screenshot.png1088×572 47.5 KB

6

Thank you, it’s working.