Frontpage background behind nav bar

Hi,

I would like my background image to be behind my nav bar, like it is here:

On my page the nav bar is white, like this:
http://bdm-consult.dk/

How do I change that?

Hi,

Have you try to change it from Customizing ‚Ėł Header ‚Ėł Menu ‚Ėł Menu type

Regards,

Hi,

Yes I tried that, but the nav bar only changes color to black or blue with buttons.
I cannot make it transparent or with no color like the theme is shown when I downloaded it.

Oh… its because you are using elementor widget for the header slider.
To fix that, add this to Customize > additional CSS:

.home .site-header {
    background-color: transparent;
    position: fixed;
}

.home .site-content {
    padding-top: 0;
    margin-top: -25px;
}

Thank you.

It is working on desktop now, but mobile is not good.

Regards,
Bettina

Oh I see… please update the code above with this:

@media (min-width: 1024px){
  .home .site-header {
    background-color: transparent;
    position: fixed;
  }

  .home .site-content {
    padding-top: 0;
    margin-top: -25px;
  }
}

Regards,

1 Like

Fantastic, thank you :slight_smile:

2 Likes