Sharing a survey as a chat is small on mobile | Community
Skip to main content
Answered

Sharing a survey as a chat is small on mobile

Renderwarrior

Hello!

I’m checking the share as chat option for my survey.

I embedded the code on this page for testing purposes: https://www.test3-parallelo42.it/chat.html

It shows nice on desktop, but it’s so small on mobile. Is it something related to my html page? I mean, I’ve to define something within the CSS? Or do I need a responsive page (ex. with Bootstrap) for making the chat showing bigger?

 

Thanks a lot!

Best answer by Renderwarrior

solved adding 

<meta name="viewport" content="width=device-width, initial-scale=1.0">

 

to my page :)

View original

    5 replies

    Liz
    Community Team
    Forum|alt.badge.img+5
    • Liz
    • Tech Community Advocate
    • 14857 replies
    • October 7, 2021

    Hi @Renderwarrior Welcome to the community! I also notice that the chat is really small, which doesn’t look normal. I’ve asked our tech team to take a look at this with me to see why it’s so small. I’ll post back here once I’ve heard from them!

    Life is a series of awkward moments separated by snacks.
    Liz
    Community Team
    Forum|alt.badge.img+5
    • Liz
    • Tech Community Advocate
    • 14857 replies
    • October 7, 2021

    Hi again, @Renderwarrior ! Our tech team tested this on their own test site, which the chat is working on. It looks like they mobile loading on your site is causing the issue with the chat, as the chat is loading as if it’s on desktop. Do you happen to know how you have the site setup for mobile view? 

    Life is a series of awkward moments separated by snacks.
    Renderwarrior

    Hello! It’s a blank HTML page.

    I was just testing it.

    Maybe it needs some META tags or something configured like Bootstrap?

    Maybe the page should be HTML5?

    Please let me know! Thanks!

     

    Renderwarrior
    • Renderwarrior
    • Author
    • Explorer
    • 3 replies
    • Answer
    • October 8, 2021

    solved adding 

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

     

    to my page :)

    Gabriel
    Liz
    john.desborough
    3 people like this
    • Gabriel
      Gabriel
    • Liz
      Liz
    • john.desborough
      john.desborough
    Liz
    Community Team
    Forum|alt.badge.img+5
    • Liz
    • Tech Community Advocate
    • 14857 replies
    • October 8, 2021

    Thanks for sharing the solution, @Renderwarrior ! Glad to know that helped!! 

    Life is a series of awkward moments separated by snacks.

    Reply


    Still need help?

    Don't be shy and ask the community.

    Ask your question here!
    Community T&Cs