Section Z-index CSS bug
-
Hi,
there is a bug with you CSS,
This lines in the frontend.css makes it impossible to overlap section and sections inside of a section with negative margin.
#site-offcanvas-wrap > .elementor > .elementor-inner > .elementor-section-wrap section.elementor-section:nth-child(1) { z-index: 7; } #site-offcanvas-wrap > .elementor > .elementor-inner > .elementor-section-wrap section.elementor-section:nth-child(2) { z-index: 6; } #site-offcanvas-wrap > .elementor > .elementor-inner > .elementor-section-wrap section.elementor-section:nth-child(3) { z-index: 5; } #site-offcanvas-wrap > .elementor > .elementor-inner > .elementor-section-wrap section.elementor-section:nth-child(4) { z-index: 4; } #site-offcanvas-wrap > .elementor > .elementor-inner > .elementor-section-wrap section.elementor-section:nth-child(5) { z-index: 3; } #site-offcanvas-wrap > .elementor > .elementor-inner > .elementor-section-wrap section.elementor-section:nth-child(6) { z-index: 2; } body.dtbaker-elementor-template.elementor-editor-active #site-offcanvas-wrap > .elementor > .elementor-inner > .elementor-section-wrap section.elementor-section { z-index: 1 !important; }
I don’t know why this lines are added, but they also overwrite the custom z-index set in the sections.
- The topic ‘Section Z-index CSS bug’ is closed to new replies.