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


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.


Hello V,

Please try this CSS code:

    .site-header {
      background-image: url('');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;

Replace with the image URL address of yours. You can get it from media library (Dashboard > Media).