Non – Visible Facebook Messenger In Shopify


Non – Visible Facebook Messenger In Shopify:

Do you want to access your language options or theme’s code with new theme editor layout by Shopify?
Go to your Shopify admin:
Click on online store > Themes
Then you have to edit click on the menu button which is a tiny square with three blue dots.
A submenu of options will be opened that will include: Edit HTML / CSS and edit Language.
A minor code change will be required to enable this within your store and make it noticeable, with the Shopify’s addition of the facebook.
Go to your Shopify admin for all the themes and then click:
Themes > Customize theme> theme options > edit HTML/ CSS
Now click on the assets folder and choose: Stylesheet.css.liquid
If you are have a PC Hold CTRL + F
If you are have a Mac Hold CMD + F
Where you will enter, this will bring up a search:
This will take you to this piece of code automatically:
/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style]{
width: 100% !important;
You will also see this, just above that:
#fb-root { display: none; }
Click save after deleting both of these:
Once that has been aloof this will permit the Messenger chat button to become visible on your website in Shopify.


About Author

Leave A Reply