How can I adjust the position of the inbox app chat button?

[Youngnikko]

Hello there!
Maybe somebody knows how to get higher “dummy chat button” of inbox app. It’s all works ok but this button overlaping my sticky “buy now” button on the product page and that don’t look good so i want to fix it.

Here i attach the link with samples: http://fex.net/s/nelxyyb

[made4Uo]

Hi @Youngnikko ,

Try this instead

1. From your Admin store, go to Online store > Themes > Click Actions > Edit code

2. Open the Asset folder, and find the base.css file.

3. Add the code below.

iframe#dummy-chat-button-iframe {
    bottom: 10rem !important;
}

[Youngnikko]

Goodsie.co

[Youngnikko]

I’m trying to do that but it wasn’t working ??‍

[made4Uo]

Hi @Youngnikko ,

I dont see the code btw. Please paste it in the base.css file under Asset folder

[Youngnikko]

I paste it to the base.css but it still overlapping

[made4Uo]

Hi @Youngnikko ,

I would suggest adding it at the very bottom part of your base.css

[Youngnikko]

I already did that, but nothing changed

[made4Uo]

Hi @Youngnikko ,

I do not think your doing it right.. You have extra curly braces. You can go all the way to the bottom part of the base.css and paste the code here

iframe#dummy-chat-button-iframe {
    bottom: 10rem !important;
}

[Youngnikko]

Here i doing right? It’s in the bottomest bottom of the base.css

[made4Uo]

Hi @Youngnikko ,

Your code is way different. Please copy / paste the code here. Do not try to type it

iframe#dummy-chat-button-iframe {
    bottom: 10rem !important;
}

[Youngnikko]

Woohoo!! It works but i wrote “shopify-chat-dummy” instead “dummy-chat-button” to the code and it worked! Thank you!

[Youngnikko]

Oh noo, I was wrong after all. I was update minification code and paste your code, after that i clear the cache and now code is works well