Move Messenger icon to the left

  • Resolved novelfashionth

    (@novelfashionth)


    3 years, 8 months ago

    Hi,

    My website is showing Cart icon on the bottom right hand, so I want to move Messenger icon to the bottom left of the screen. I tried CSS code below as mentioned on Facebook for WooCommerce Document, but it didn’t work

    .fb_dialog, .fb_dialog_advanced, .fb_customer_chat_bubble_animated_no_badge, .fb_customer_chat_bubble_pop_in {
    right: 60pt !important;
    }

    I’ve tried to change from right to left, it still didn’t work.
    Is there something wrong with the code?
    I used Facebook for WooCommerce Plugin version 1.11.4 because I could not connect Woocommerce with Facebook with v2. Plugin.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hey there!

    I’ve taken a look at the site, but I don’t see the messenger icon at all – is this something you’ve removed from the site? If you could provide a screenshot of the issue that would also help – you can use https://snipboard.io/ for uploading screenshots.

    Thanks

    Thread Starter novelfashionth

    (@novelfashionth)

    Hi,

    Yes I removed it because it was overlapping with the cart icon. I re-installed again and took screenshot here with

    https://snipboard.io/1RNAKQ.jpg
    https://snipboard.io/6WsLn8.jpg

    .fb_dialog, .fb_dialog_advanced, .fb_customer_chat_bubble_animated_no_badge, .fb_customer_chat_bubble_pop_in {
    right: 60pt !important;
    }

    Added custom CSS code, but it didn’t moved to the left corner

    You may want to contact the theme author to see if they have some suggestions for the CSS or you may wish to consider using a different theme if yours is incompatible with the messenger and you need that functionality.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Move Messenger icon to the left’ is closed to new replies.