Popover issue on mobile view

[pinobile]

I have fixed the popover issue on desktop view with the Z-Index as by you suggested but when it comes to mobile view the Popover remains hidden behind images.
This is the URL http://new.labs.it/le-persone/ - http://new.labs.it/en/people/ of the pages where I encounter the problem with the popover.
As you may notice it works fine on desktop but on mobile it is not displayed correctly … any suggestions about how to fix this?
Thank you in advance for your kind attention.
Ciao,
Paolino

[christopher]

Hi there,

Please go to the section which you added the people images and add click on the Customize tab and add the class the-popover.

Then add the CSS code below to X > Launch > Options > CSS:

@media (max-width: 767px) {
.x-section.the-popover .x-container.marginless-columns .x-column[class*="x-"] {position: static}
}

Thank you.

[pinobile]

Hello Christopher,
thank you for your kind reply.
Unfortunately I did not build the page using Cornerstone therefore CS does not open the pages in order to follow your instructions.
Can you suggest me how to get around it?
Thanks,
P

[christian]

Hey @pinobile,

This is still part of the z-index issue. Since there is no z-index setting for the Column, you need to add Inline CSS under Customize.

Your row has 10 profiles. Add z-index:10 to the left most column. Add z-index:9 to the next column and so on.

To better understand what I mean, please see this screencast (play in slow motion or pause and play to follow along).

I’ll add this to our issue tracker.

Hope that helps.

[pinobile]

Got it!
Thank you Christian

[Joao]

You are welcome!