Shopify Inbox - Move chat button up to avoid overlap with mobile toolbar

EarthArt
New Member
2 0 0

Yesterday I installed Shopify Inbox, and so far like it a lot. I do have one issue however with it when it comes to the integration in my webshop (www.earthart.nl). In the mobile version of the webshop the Shopify Inbox chat button overlaps with the sticky mobile toolbar, hiding the search button. Can someone point me in the right direction (preferably with some code and the liquid file that needs to be adjusted) to move the Chat button up by an x number of pixels? Thanks for your help!

0 Likes
@media only screen and(max-width:768px){
iframe#ShopifyChat {
    bottom: 59px !important;
    right: 0 !important;
}
}

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->pre_theme.min.scss.liquid

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
EarthArt
New Member
2 0 0

Thanks for your reply! I tried below solution, but it doesn't seem to help. The button is sill at the same place after placing your code in the mentioned file. As it's quite straightforward, do you have any clue what could be wrong?

EarthArt_0-1627506242186.png

 

0 Likes