how to make transparent header on concept theme by roartheme

[greatuseralco]

My question is that, concept by roartheme have transparent header only when you add a video overlay on first section. but my problem is that my first section a slideshow wherein there is no transparent header enabled. here is my link https://tdrehr-zc.myshopify.com/ also i want to make the slideshow full width, like there is no spacing on the sides. 

[Kudosi-Tracy]

For Concept by RoarTheme, the transparent header works when there's a video overlay but doesn't apply to a slideshow by default. Here’s how to fix both issues:

1. Enable Transparent Header for Slideshow

Try adding this CSS in your theme’s CSS file (or inside Online Store > Themes > Edit Code > theme.css or base.css):

.template-index .header-wrapper { background: transparent !important; position: absolute; width: 100%; z-index: 999; }

This forces the header to stay transparent on the homepage.

2. Make Slideshow Full-Width

Add this CSS:

.slideshow-section { max-width: 100vw !important; width: 100% !important; padding: 0 !important; margin: 0 auto !important; } .slideshow__slide { width: 100% !important; }

This removes extra padding/margins and ensures the slideshow spans the full width of the page.

Try adding these and let me know if you need tweaks!

Best,
Tracy from Kudosi Reviews

[Kudosi-Tracy]

don't know why my previous response doesn't show up correctly but here:

opt1: 

.template-index .header-wrapper {
background: transparent !important;
position: absolute;
width: 100%;
z-index: 999;
}

opt2: 

.slideshow-section {
max-width: 100vw !important;
width: 100% !important;
padding: 0 !important;
margin: 0 auto !important;
}
.slideshow__slide {
width: 100% !important;
}

[Wesha]

It didn't work 😞