Header Transparent Display Conditions

  • Resolved polsogood

    (@polsogood)


    1 year, 10 months ago

    Hi, I am having trouble with the header transparent display conditions.

    Currently it is set up like that : include home page and exclude specific product named test : https://lamardemol.com/tienda/joyas-y-accesorios/test/

    It did not work like that so I directly disabled the transparent header in the single product page settings.

    Still, it is not working. Does anyone have any idea how to fix this?

    I would appreciate the help. Thank you!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi @polsogood,

    If I could get your query correctly, you would add this CSS code to Appearance > Customize > Additional CSS from dashboard.

    body:not(.home).sticky-header-active .has-sticky-header .bhfb-main_header_row {
  background-color: #fff;
}
    Thread Starter polsogood

    (@polsogood)

    Hi, thank you for your help! I appreciate it.

    What I would like to do is to disable transparent header everywhere on the website and leave it transparent only on the home page.

    Hi @polsogood,

    Try this CSS code:

    body:not(.home) .bhfb-main_header_row {
  background-color: #80C5DE;
}
    Thread Starter polsogood

    (@polsogood)

    Perfect! It works!

    Thank you so much @kharisblank

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Header Transparent Display Conditions’ is closed to new replies.