Desperately trying to solve this: menu header image hidden behind content\images

Hi,

I posted this before, but am really desperate to resolve it

Hopefully, the above image explains the problem.

The menu image/site header is obscured by the main content. I’d like the menu image to be visible at all times when scrolling up/down the page(s)

This is the CSS I’ve used (thanks Kharisblank) so far

.site-header.float-header {
  background: transparent !important;
}

.siteScrolled .sydney-hero-area {
  position: fixed;
  width: 100%;
}

Any and all help would be greatly appreciated.

Thanks in advance.

V.

Hello V,

Please try this CSS code:

    .site-header {
      background-image: url('http://yoursite.com/path/to/image.jpg');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
    } 

Replace http://yoursite.com/path/to/image.jpg with the image URL address of yours. You can get it from media library (Dashboard > Media).

Regards,
Kharis