Home › Forums › Basel support forum › Transparent header

Transparent header

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 25, 2023 at 4:04 pm #507147

    MattiaGas
    Participant

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

    Thanks, Mattia

    October 25, 2023 at 4:09 pm #507148

    MattiaGas
    Participant

    image

    Attachments:
    You must be logged in to view attached files.
    October 26, 2023 at 12:38 am #507265

    Elise Noromit
    Member

    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

    November 16, 2023 at 7:26 pm #512979

    MattiaGas
    Participant

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

    November 17, 2023 at 1:57 am #513020

    Elise Noromit
    Member

    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

    November 17, 2023 at 12:22 pm #513130

    MattiaGas
    Participant

    Hello, is this for Basel theme?

    November 17, 2023 at 12:29 pm #513136

    MattiaGas
    Participant

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

    I see the link you sent me are for Woodmart.

    November 17, 2023 at 2:03 pm #513189

    Elise Noromit
    Member

    Hello,

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

    Best Regards

    November 17, 2023 at 3:55 pm #513230

    MattiaGas
    Participant

    http://www.gast-shop.com

    November 17, 2023 at 4:10 pm #513252

    Elise Noromit
    Member

    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
Viewing 10 posts - 1 through 10 (of 10 total)