Messenger Icon not showed on mobile or tablet

  • Resolved uidb4056

    (@uidb4056)


    4 years, 2 months ago

    Hello,
    I’ve installed Cresta Social Messenger free plugin on my WooCommerce site and I’m using Storefront theme.
    It works OK on Desktop having customized that the icon only appears on single product page, but if I use Mobile or Tablet size the Icon don’t appears, it seems to be hidden under the icons bar below the screen that is used by Storefront Menu for Mobile or Tablet showing User button, Search button, and Cart button.
    How can I customize to show the Messenger Icon on these layouts?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author CrestaProject

    (@crestaproject)

    Hi @uidb4056
    if the icon is hidden under other elements on the screen, you can use the option “z-index” to increment that value.
    Try to add 99999 or a higher value.

    Thread Starter uidb4056

    (@uidb4056)

    Hi,
    Many thanks with 99999 on z-index now it works but it appears on top of the cart button on bottom menu, its possible to place the Messenger Icon out of this menu bar buttons?

    Plugin Author CrestaProject

    (@crestaproject)

    Hi @uidb4056
    This is an “aesthetic limit” of the free version.
    In the free version of the plugin, the Messenger button appears automatically at the bottom right.
    In the PRO version it is possible to move it to various points on the page, in addition to other customizations.
    I hove not tested this CSS code, but you can try to add this code in “Appearance-> Customize-> Additional CSS”

    
@media all and (max-width: 767px) {
	.cresta-facebook-messenger-box {
		bottom: 15px;
		left: 15px;
		right: inherit;
	}
}

    This should move the button in bottom left in the mobile version.

    Thread Starter uidb4056

    (@uidb4056)

    Hi,
    Many thanks, this code do the trick!

    @media all and (max-width: 767px) {
        .cresta-facebook-messenger-box {
      margin-bottom: 135px;
      right: 30px;
	}
}
    Plugin Author CrestaProject

    (@crestaproject)

    Hi @uidb4056
    Perfect ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Messenger Icon not showed on mobile or tablet’ is closed to new replies.