How to keep items always on top

How to keep items always on top

Always keep the following elements in front:
-Cookies PopUp
-Bar on the right where all purchases appear

all this so that the messenger chat does not appear in front

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshots you attached.

The messenger icon is displayed on top because by default it has assigned a greater z-index value.

Please try adding the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS and see if it helps.

.fb_dialog.fb_dialog_mobile {
	z-index: 111 !important;
}

Regards.
Xtemos Studios.

Wow! Thanks a lot.

Can you help me on the desktop version?

Attachments:

You must be logged in to view attached files.

Hello,

You are Most Welcome.

I saw the screenshot you attached.

In the screenshots, you mentioned the mobile that’s why I asked you to add the CSS to Custom CSS for Mobile.

If you want to make it work on the desktop version too then move the CSS to the Global Custom CSS area under Theme Settings >> Custom CSS.

Regards.
Xtemos Studios.

It stays the same above the elements, maybe because of the code that says mobile

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached.

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.fb_dialog.fb_dialog_advanced {
z-index: 111 !important;
}

Regards.
Xtemos Studios

[Author]

Posts