Help required in aligning the Olark chat button

Hi Support,

I need some help in aligning the Olark chat button as its shown in top of the cookies consent and Mobile menu in the bottom. I need help in aligning it a bit higher on both desktop and mobile so that it doesn’t collide with any other button. Will you please help in this? I have share the staging site details. Pictures are also attached for reference.

Thanks.

Attachments:

You must be logged in to view attached files.

Hello,

Basically, the styling and position are embedded in the icon.

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS. And see if this works for you otherwise it requires Custmizations.

#olark-wrapper .olark-launch-button {
bottom: 55px !important;
}

Best Regards

Hi Aizaz,

Thanks for sharing the details.

I tried to add the CSS and the button is a bit higher now, however, the button does not work. Can you please have a look?

Thanks.

Hello,

You are Most Welcome.

Please try replacing the previous Custom CSS with the following then check back.

.olark-launch-button-wrapper {
    margin-bottom: 50px !important;
}

Best Regards

Hi Aizaz,

Thank you very much for your help. It looks a lot better than before. 🙂

However, when I click on the button and the chat window opens, the chat screen is not on top of the button. Ideally it should be on the top of the button so that it can be easily closed. Will you please check and help in providing CSS for aligning the chat window as well?

Thanks in advance.

Attachments:

You must be logged in to view attached files.

Hello,

You are Most Welcome.

Please try adding the following Custom CSS for that.

#olark-container {
    margin-bottom: 35px !important;
}

Best Regards

Hi Aizaz,

Thank you very much for sharing the new code.

I applied the code and it didn’t help in the container margin.

.olark-launch-button-wrapper {
margin-bottom: 50px !important;
}
#olark-container {
margin-bottom: 35px !important;
}

Thanks.

Hi Aizaz,

If you want I can share the staging site details as well. If you would like to check and try it out yourself.

Thanks.

Hello,

Please provide the login details of the website to check it myself and help you out accordingly.

Best Regards

Hi Aizaz,

Thank you very much for your help and support on this.

The details are present in the private content section.

Thanks.

Hello,

Your issue has been Resolved. Please clear cache and check back.

Best Regards

Hi Aizaz,

Thank you very much for your help on this. It works perfectly now. You may close this thread.

Thanks.

Hello,

We are thrilled that you loved your experience with XTEMOS,

We put customer experience and satisfaction as our priority, and your words reaffirm the hard work we put in every day. So thanks for your kind words and we look forward to seeing you again.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts