Not responsive on mobile screen

  • Resolved rizbanul

    (@rizbanul)


    5 years, 10 months ago

    Hi, first of all thanks for this wonderful plugin. So i added a gif in my preloader. it works fine for laptop and greater screens. But it is very small in mobile screens. If i choose “Display Image in full screen”, it becomes too large and crops half of the image. Can you please tell me how can i solve this problem?

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author codepeople

    (@codepeople)

    Hello @rizbanul,

    I’ve visited your webpage and the animated gif is used as background. So, if you want vary the size of background image in small screens (like mobiles), you can enter into the attribute: “Include an ad, or your own block of code” a style tag to modify the background image depending on the screen’s size:

    
<style>
@media screen and (max-width:710px)
{
.lp-screen{background-size: 120% !important;}
}
</style>

    and that’s all.

    Of course, applying the size you want.
    Best regards.

    Thread Starter rizbanul

    (@rizbanul)

    This solves the issue. Thanks a lot ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Not responsive on mobile screen’ is closed to new replies.