Button z-index

Ask the Community Customization
1

Hi, can someone please tell me the code for changing the z-index of the Click to Call button so that my header and drop down menu always stay on top?

Thanks

2 Likes
3

Hi there, @Pete5 :wave:

Sorry for the delayed response! I was on vacation and couldn’t reply to you earlier.

We’ve fixed the issue by adding this code to the Custom CSS field on the Style tab of your widget’s settings:

.global-styles,
.home .search_filter {
  z-index: 999999999 !important;
}

Check it out and let me know if it’s fine now :slightly_smiling_face:

4

Hi Max, no worries, I saw you had the Vacation tag on, so wasn’t worried about the late reply.

This code doesn’t seem to have worked for the particular page I’m having issues with, where I have the button embedded. If it’s ok I will DM you the link so you can see.

1 Like
5

Ah, apologies for misunderstanding!

The previous code was for the floating widget. On mobile devices it covered the header as well, but now it’s working fine. However, if the previous display was fine for you, you’re very welcome to remove the code from the Custom CSS field.

As for the embedded Click to Call, we’ve fixed the issue with this CSS code:

[class*='Main__Component-sc'] {
  z-index: 999;
}

Check your website and let me know if you like the result :slightly_smiling_face:

1 Like
6

Hi Max, thanks very much, this fixed the issue.

Great support, once again!

2 Likes
7

Awesome, you are very welcome :wink:

In the meantime, we’d like to remind about our Black Friday Giveaway, where you can win 1 FREE YEAR for any of your subscriptions :gift:

Check the details and join in - BF 2024 Giveaway: Win 1 YEAR of Free Usage (10 Winners) + guaranteed month!

1 Like