Skip to content

Adjust z-index for responsive breakpoints #10918

@rhud

Description

@rhud

Prerequisites

  • [ x] I have searched for similar features requests in both open and closed tickets and cannot find a duplicate.
  • [ x] The feature is still missing in the latest stable version of Elementor ( Elementor Pro. )

What problem is your feature request going to solve? Please describe.
When reversing columns on tablet/mobile breakpoints, being able to adjust the z-index of a column or element per breakpoint also would allow much more flexibility. This would be especially helpful when using negative margins on elements for modern layouts.

Describe the solution you'd like
Simply add the breakpoint setting to the z-index field.

Describe alternatives you've considered
Using manual CSS is an option, but not practical for most users.

Additional context
Screen Shot 2020-03-21 at 7 27 42 pm
Here is an example of where I was wanting to use negative margins for the '02', but on mobile view, the number is hidden behind the image. The image column needs to be at a higher z-index for desktop view, but not necessary for tablet/mobile

Metadata

Metadata

Assignees

No one assigned

    Labels

    request/enhancementIndicates an Enhancement Request for an existing feature.status/mergedIndicates when a Pull Request has been merged to a Release.

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions