Hide widget when chat menu is opened

Ask the Community Customization
1

Hi all,

We would like to hide (or put it in the background) the review widget when we open the contact widget (not elfsight).

99CC4458-DEDE-4324-8C05-C689C56DDF19_4_5005_c
99CC4458-DEDE-4324-8C05-C689C56DDF19_4_5005_c360×778 40.4 KB

Here you see the review widget blocking the contact widget.

Is there a way to lower the Z-index of the review widget ?

Kind regards

3

Welcome to the Community, @Michiel_von_der_Cron :waving_hand:

Sure! I’ve forwarded your request to the devs and will update you once the solution is ready :slightly_smiling_face:

4

Thanks Max :+1:

5

Hi there, @Michiel_von_der_Cron :waving_hand:

Please try to add this code to the Custom CSS field on the Style tab of your widget’s settings and let me know if it worked:

@media screen and (max-width: 480px) {
 .slide-in-position-container {
  justify-content: flex-end;
  padding-right: 12px;
 }

 .slide-in-position-container {
  z-index: 999999 !important;
 }
}
6

Thanks Max. I confirm that this solves the issue :+1: Really appreciate the help

7

Awesome, you’re most welcome :wink:

In the meantime, we’d like to invite you to join our Giveaway, where you could win 4 FREE Months for your subscription.

Check the details and join in: May Giveaway: Celebrate Community Anniversary & Win 4 FREE MONTHS! 🎁