Hi! Is there a possibility that the chat icon of Shopify Inbox would not overlap menu when I’m in mobile view? It covers some of the menu’s contents.
A perfect solution would be, that if menu is selected, the chat icon is not visible at all. Same goes for the slide cart which I’m using an external app for.
The shop: https://cs.primeroscondom.com/
Thanks in advance!
Tereza
Hi @mas_prim ,
I do not see the slide-cart as a problem (see image below). But to fix the issue for the menu-drawer just follow the steps below.
#shopify-section-header.menu-open ~ #dummy-chat-button-iframe {
display: none !important
}
Hello! Works like a charm!
Any possible solution to do the same thing for the slider with filter option?
Much appreciated!
Tereza
Hi @mas_prim ,
Can you provide me the link of the page that contains the filter? Also, just FYI, your search button on top right is gone but clickable. Not sure if that is desired
Hi,
thank you for your message. The filter is located in the DARKOVE SETY collection here: https://cs.primeroscondom.com/collections/darkove-sety
I have noticed the search option but did not find a solution. Could you suggest how to disable it?
Thank you
Tereza, Primeros
Hi @mas_prim ,
To hide the chat when ever the filter side bar is open, just add the code below in your base.css file.
.overflow-hidden-mobile #dummy-chat-button-iframe{
display: none !important;
}
in the end we decided to place the icon to the right side and on desktop view, the icon overlaps the cart app. Could you advise how to apply the same rule for this placement as well?
Just a side note - the cart app is not native to Shopify, it is by an app called Rebuy.
Thanks a million!
Tereza
