Mobile Version background images

  • Hi,

    I noticed that when I open the website on my phone it does not appear the same as what it shows me when editing my site trough a desktop. The background images become blurry and don’t show the same as what it is supposed to. Can you please help, here is the site.

    https://www.infinitytransportation.net/

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello there,

    Try adding the below custom CSS code into your site’s additional CSS option (Appearance > Customize > Additional CSS). 

    
@media only screen and (max-width:1024px){
  
  .panel-row-style[data-hasbg="hasbg"]{
    background-size: 100% !important;
    background-attachment: scroll !important; 
  }
  
}

    Let me know how it goes.

    Regards,
    Kharis

    Thread Starter deftdanny

    (@deftdanny)

    Hi,

    That code did not work it created gaps on the top and bottom margins. I took an screen shot but I cant attach it

    Hello there,

    For screenshot, share it the free file hosting service like Google Drive, Dropbox, Cloudup.com and post its public URL here.

    Regards,
    Kharis

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Mobile Version background images’ is closed to new replies.