header/logo overlaps when the page is sliced down after update

Never mind, fixed it.

Closed.

Hello,

how did you resolve it? I have the same problem.

Thanks for your help.

Christinevarniere,

At the moment you can disable fixed header in theme options.

Quick fix, add z-index to style.css on line 1562

.head-container {
     z-index:9;
}

Theme version 1.2.1 will be include this fix.

Thank you, I tried this also modifying the style.css, the style-fixed.css, and also the custom.css. At least now the header is always on screen and always available. I would prefer it to disappear when scrolling down, but at least if it’s visible and available, that’s not so bad.

The strange thing is this solution (changing the css) works on the home page (it scrolls down normally) but not on the other pages. On those the header still appears and the grey shadow too.

Use theme options > custom css
Don’t need to edit theme source files.

Are you sure you add z-index properly?

I don’t see your website.

You can download developers version from GitHub repository which include latest bug fix and changes https://github.com/Fruitfulcode/Fruitful

Theme version 1.2.1 will be released soon.

Ok, so I put the css source file back to their original, and only added the code below to the custom css.

.head-container {
z-index:9;
}

.head-container.fixed {
-webkit-box-shadow: 0px 0px 0px;
-moz-box-shadow: 0px 0px 0px;
box-shadow: 0px 0px 0px;
}

It looks just the same. The home page is ok, but the other ones are not.

the website is here: https://www.crossplanet.com

Issue was fixed in theme version 1.2.1