Survey->Mobile Responsive | Community
Skip to main content
Anita_punmiya
Anita_punmiya
Level 5
October 16, 2019

Survey->Mobile Responsive

  • October 16, 2019
  • 2 replies
  • 15607 views

Hi

I created a survey in Adobe Campaign and I am having trouble with the mobile rendering -> need it Mobile Responsive.

I tried below piece of code (shared in this forum for the similar issue) in my custom CSS but still no luck:

Please suggest what else I should add in my custom CSS to make it responsive on mobile?

Thanks,

Anita

    This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

    2 replies

    Jonathon_wodnicki
    Community Advisor
    Jonathon_wodnickiCommunity Advisor
    Community Advisor
    October 17, 2019

    Hi,

    Add this tag to <head/>:

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

    You'll probably want some @media conditional blocks in the css too, depending on what the content's supposed to look like at different res. What is div.page?

    Thanks,

    -Jon

      Anita_punmiya
      Anita_punmiyaAuthor
      Level 5
      October 18, 2019

      Thanks Jon for your response.

      I have added the code you have shared but that also did not really help .

      Here is the "div.page" :

      Please let me know what should I add here?

      Thanks,
      Anita

      somasundaram_h
      Community Advisor
      somasundaram_hCommunity Advisor
      Community Advisor
      October 18, 2019

      Mobile responsiveness doesn't rely only on the root node width. If you have specified width inside the root node/ if width is specified in any child node, that needs to be updated to 100% in media query.

      eg:

      @media(maxwidth:1200px) and (min-width:320px) {

      .yourClassname1,

      .yourClassname2 {

           width:100%;

      }

      }

        Anita_punmiya
        Anita_punmiyaAuthor
        Level 5
        October 21, 2019

        Hi somasundaramhaldurai .

        Thank you . I won't be able to share the URL but i will reach out if I still face any issues with the CSS.

        Appreciate your help.

        -Anita

        Terms & ConditionsAccessibility statement

        Loading footer...