Transparent header

Hello, how can I make transparent header for the home page like attached example?

Thanks, Mattia

image

Attachments:

You must be logged in to view attached files.

Hello,

You can find the option to set sticky and/or header overlap in the Theme settings > Header Layout

You can set the background of the header in the Theme settings > Header > Appearance.

If you have any questions please feel free to contact us.

Best Regards

Hello, is possible to make header transparent only for the home page? Thanks, Mattia.

Hello,

You can create a custom separate and then set the header for the home page: https://xtemos.com/docs-topic/options-for-pages/ and https://xtemos.com/docs-topic/how-to-set-different-header-for-specific-page/

If you have any questions please feel free to contact us.

Best Regards

Hello, is this for Basel theme?

As I don’t have: “Go to Dashboard -> Theme settings -> Options presets.” in Basel.

I see the link you sent me are for Woodmart.

Hello,

Sorry, you are right, this option is not provided, please provide your site URL we will give you custom CSS.

Best Regards

http://www.gast-shop.com

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

html body.home .main-header {
    background-color: transparent!important;
}

Best Regards

[Author]

Posts