[manciaz]

Yes ppenrose, it’s just an error of typing. I had header covered by video. I had your issue and solved in that way… I don’t know why z-index doesn’t work (as it should). You can check the correct class using Firebug, looking for that backface-visibility attribute on header. I changed backface-visibility from hidden (the dafault value I found) to “visible” (it worked for me and I stopped) but it’s just a lucky try, maybe a correct override is different. If you want link me your URL so that I can try.

[manciaz]

Hi guys,
I’ve just realized I had the same issue of ppenrose1408 (video covered by header using Firefox 27).
I fixed adding

#header-section .is-sticky #main-nav.sticky-header {
    backface-visibility: visible !important;
}

Z-index, that should have solved, doesn’t seem to work.
Of course I don’t know why of both, I just try things.

[manciaz]

This is exactly what is working for MY layout

.sf-icon-cont:hover, .sf-hover .sf-icon-cont, .sf-icon-box[class*="icon-box-boxed-"] .sf-icon-cont, .sf-hover {
    background-color: #ffffff;
}

.sf-icon-cont.cont-small .sf-icon {
    color: #888888;
}

.sf-icon-cont.sf-icon-icon-four:hover, .sf-hover .sf-icon-cont.sf-icon-icon-four, .sf-icon-box[class*="icon-box-boxed-"] .sf-icon-cont.sf-icon-icon-four, .sf-hover .sf-icon-box-hr.sf-icon-icon-four {
    background-color: #ffffff;
}

.ss-icon, .ss-icon.ss-gizmo, [class^="ss-"]:before, [class*=" ss-"]:before, .ss-gizmo[class^="ss-"]:before, .ss-gizmo[class*=" ss-"]:before, .right[class^="ss-"]:after, .right[class*=" ss-"]:after, .ss-gizmo.right[class^="ss-"]:after, .ss-gizmo.right[class*=" ss-"]:after {
    color: #888888;
}

.sf-icon-cont.sf-icon-icon-four:hover .sf-icon, .sf-hover .sf-icon-cont.sf-icon-icon-four .sf-icon, .sf-icon-box.sf-icon-box-boxed-one.sf-icon-icon-four .sf-icon, .sf-icon-box.sf-icon-box-boxed-three.sf-icon-icon-four .sf-icon {
    color: #888888;
}

But, I repeat, I’m not so happy for this solution.

[manciaz]

oh well, I just overrided used classes, setting the color and background-color you already have for non hover behaviour.
There are few .ss-icon:hover and .ss-icon-cont:hover to override
You find the one you are using (the are several icon boxes layout) searching with Firebug.
Anyway, I’d rather use JS customization…

[manciaz]

Ok, it’s more strange than important issue… for now I added some custom CSS to disable hover, but I liked your solution, more clean…

[manciaz]

Highlighted lines are the one I removed and that you quoted…

[manciaz]

Of course I’m sure, in fact it’s quite weird… And I figured out that when I add those back, scroll on parallax images works again
I can’t understand connection between icon boxes and parallax scrolling… it’s so strange!

[manciaz]

Hi Kyle,
I tried to do as you wrote, but instead of disable iconboxes hover it turned off all my parallax stellar type scroll (and iconboxes still hover)!

[manciaz]

And…. works!
Thank you for your kindness and profesisonality.

[manciaz]

This reply has been marked as private.

[manciaz]

ooops….
But even without dot, nothing, absolutely nothing

See images… A anb B are my settings (of course I saved, updated and so on, after I made my changes)

[manciaz]

Hi Kyle,
I put it in theme option Custom CSS, then, in the image settings of the slide, a tried to call it by adding .myimage as class in “attributes” (see attach), but… nothing!

[manciaz]

Great.
Thank you Kyle.
G.