How can I make my Ride theme header transparent on my website?

Store Design
,
1

Hello, I am currently making my website but I want my header to be transparrent, how can I fix this?

I am using ride theme.

Website url: https://combitman.com/

2

Hello @Combitman ,
Go to Online store >> Edit code >> Assets >> base.css
Add this code below of base.css file

.header-wrapper {
background-color: transparent !important;
}

sticky-header.header-wrapper.color-background-1.gradient {
background: transparent !important;
}

3

Hello there,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
sticky-header.header-wrapper.color-background-1.gradient {
background-color: transparent!important;
}
4

Hello @Combitman

It’s GemPages support team and glad to support you today.

I would like to give you a solution to support you:

  1. Go to Online Store → Theme → Edit code:

GemPages_0-1669618959296.png
GemPages_0-1669618959296.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before :

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

5

@Combitman
Add below css into base.css file (online store->theme->asset->base.css)

sticky-header.header-wrapper.color-background-1.gradient {
     position: absolute;
     left: 0;
     width: 100%;
     background: transparent;
}