How do I keep the background picture the same size?

  • Profile Image
    oleg.epshteyn1
    Asked on August 07, 2020 at 09:37 AM

    Hello,


    This is regarding this form: https://form.jotform.com/202183964201146


    When viewed via mobile device the background picture gets zoomed in. How do I keep the full image in mobile the same as on Desktop?

  • Profile Image
    Lorenz_A
    Answered on August 07, 2020 at 10:08 AM

    Hi there,

    I've checked your form's logo on both mobile and desktop view size/dimensions are just the same. 

    1596809167Screenshot from 2020-08-07 22-

    Do you want the logo to be smaller on the mobile view instead? 

    We look forward to your response.  

  • Profile Image
    Oleg Epshteyn 
    Answered on August 07, 2020 at 10:24 AM

    Hi Lorenz, 

    Thank you for the quick response. The logo is fine, it's the background (Irish Flag) that's the issue. On Desktop it looks great but on Mobile the flag is zoomed in. 

  • Profile Image
    Krishna_D
    Answered on August 07, 2020 at 11:51 AM

    Hello Oleg,

    I am checking the issue and will be back to you as soon as I find the solution(tentative).

    Thanks!

  • Profile Image
    Krishna_D
    Answered on August 07, 2020 at 12:44 PM

    Hello Oleg,

    I tried with this custom CSS in here,

    @media screen and (max-width:768px){

        .supernova {

        background-size: contain !important;

        background-repeat: repeat-y !important; 

        }

    }

    but to my surprise it showed me such background.

    1596818536DeepinScreenshot_select-area_2

    It should have repeated the background flag but it didn't. If you are ok with repeating the flag , then do let us know .

    Thank you!