This should definitely be added! For instance for us it exactly covers the google map zoom options... https://www.mycvshr.website/

Hello everyone,

I was also facing the same issue and I am able to figure out on how we can override their default css with our custom css.

https://stackoverflow.com/questions/68420905/style-the-tawk-to-chat-widget-with-my-custom-css/68420906#68420906

last solution doesn't work :(

New solution based on @Sameer's solution, that works with the latest Tawk updates:

Tawk_API.onLoad = function () {
jQuery('iframe[title="chat widget"]').each(function(e) {
$(this).css('margin','0 0 35px 0');
})
};

I don't know if you notice, but it seems the developers purposely "locked" the position by literally messing with the CSS specificity on the iframe displaying the chat :
- Dynamic id
- Use of inline style
- Each CSS rule has `!important`

Put together, this seems very unprofessional from their part. The developers are to blame not for not giving us a "no code" feature to change the inset, but for the fact they purposely made the inset (and other CSS properties) harder to override.

Hi There :)
I have exaclty same situation than Danny.

**It covers the back to top button**

For the moment I have no choice : will try to move the back to top button :)

:(

Surprised offset hasn't been added yet. The chatbox blocks fixed bottom nav on the site on mobile, and blocks the back to top icon on desktop. Yeah, it's free - so I guess I can't blame the developers for not doing shit about it.

One of the major reasons businesses fail or don't flourish like they want is because they don't listen to the needs of the customers..

Folks who have fixed items at the bottom of page for things like an add to cart button and info about the product that appears on scroll and stays fixed at the bottom of page, the Tawk app is in the way!

Can't seem to find bottom offset, so not sure what you are talking about

The feature has been implemented

Just go to administration > chat-widget > widget appreance > advanced > and select position

Hi Tawk team! Is there any progress on this issue? This is really a problem for me to try to change the way how the bubble is shown on mobile version. We have SPA with bootstrap4 which is collapsing the header menu into mobile version and we have to add a fixed menu to the bottom of the page. Thus the very same bubble on desktop may look fine in the right bottom corner while on mobile version is overlapping the fixed menu so that the right button in it is not clickable. If I set the position of the bubble to the middle of the page, then it looks ugly on desktop. Is there an easy way to customize the `ResetStyle` in the source code so that I do not have to invent the way to overwrite it? On the scroll hitting the top or the bottom of the website it is resetting the `style` attribute so any efforts to rewrite the style on the script load are then gone.

This should definitely be added! For instance for us it exactly covers the google map zoom options...

This not an elegant solution, but it works. I got it working by adding the CSS property to the <iframe> in the #tawkchat-container this in Tawk_API.onLoad

Tawk_API.onLoad = function () {
$('#tawkchat-container iframe').css('margin-bottom', '45px')
};

Clear style for #tawkchat-container with jquery and add to it!

We really² need this feature. We have a fixed bottom menu for mobile and the tawk widget break that because we can't reposition tawk widget.

An absolute must. Could be in the dashboard where position is set.

I would find this super useful as I'm currently finding the cookie notification and the chat widget conflict on my site and they're both floating right.

I'd like to be able to position the widget myself with CSS. I have a menu located on the bottom of my site when viewed in mobile, and the widget now hides the cart - a significant menu option!

This is crucial to me.

Sorry, at the moment difficult to say. When there will be new info, I will update the main response.

How long will you launch the new update, with the issue resolved?