Different Z Indexes for Each Screen Sizes

[gunesinan]

Hi,

I have a cell where I want to set different Z-Indexes for different screen sizes. For example, for 480px and 767px, I want the Z-index of the cell to be one value, and for the other screen sizes, a different value.

Is this possible?

Thanks in advance!

Gunes

Edit: I inserted this to the Element CSS box of the cell, but it is not working.

@media only screen and (max-width: 979px) {
$el.x-cell {
z-index: 9999;
}
}

[ruenel]

Hello Gunes,

Thanks for posting in! Yes, of course that is very much possible. You do not even need to write any CSS code. Just make use of the Cell element’s Responsive Styling. In your Cell element settings, Cell > Setup, click the word “Z-Index” so that you can set up the different indexes on different screen sizes.

If you are not familiar with the Responsive Element Styling yet, please check out this documentation first:

• https://theme.co/docs/responsive-styling

Best Regards.

[gunesinan]

@ruenel,

Thank you so much for the quick response, and that was easy.

I want to say thank you to the developers, who “proactively” came up with such a feature:)

You guys are awesome!

[ruenel]

You are most welcome, Gunes.