I am having issues with Hexagon div boxes working in Firefox, and MS Edge browsers. They seem to work fine in Chrome and Opera.
Looks like the z-index is causing the issue on these browsers under the div .corner-1 and .corner-2 tags.
Any help would be appreciated.
Thanks
Looks like an issue with z-index. The “corner” elements have a negative z-index putting it behind the yellow container. But I’m having a hard time locating that in inspect. 
There are other ways to create a hexagon, using css borders or with SVG.
It’s this element here that needs a stacking context.
#cta{position:relative;z-index:0}
Otherwise the negative z-index goes behind the parent.
Looks like bootstrap.min.css is being called in the head and bottom of the page. Pick one but not both.
Are you sure Ron or has it been removed?
I see bootstrap.min.js at the bottom.
Oops my mistake. The one at the top is .css, the bottom is .js
Paul, that works perfect.
Thank you.
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.