Hide the “Welcome text” on mobile

  • Resolved heggyy

    (@heggyy)


    4 years, 4 months ago

    Hi,
    how can I hide the welcome message that sort of asks people to use the Facebook Messenger button in case they have questions on mobile? Having it pop up on a computer is fine, but on mobile it takes too much screen space.

    I would like it to only show the Messenger Bubble on mobile (and not on PC/web) unless I can set the welcome message to disappear after X seconds.

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

Viewing 1 replies (of 1 total)
  • nicw.a11n

    (@nicw)

    4 years, 4 months ago

    Hi @heggyy

    Unfortunately, how Facebook Messenger itself behaves is controlled by Facebook itself. The Messenger widget appears in your site in an iframe delivered by Facebook. Beyond the controls you will find for this on Facebook, you can only apply styling to the widget via CSS.

    The widget uses classes such as ._94ve.

    The class ._94vf can be used to target the box. Some CSS target to mobile may allow you to reduce or hide this away.

    Since this is a fairly complex development topic. I’m going to leave it open for a bit to see if anyone is able to chime in to help you out.

Viewing 1 replies (of 1 total)

The topic ‘Hide the “Welcome text” on mobile’ is closed to new replies.