Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #682294

    Hi!
    How can I access fallback image from Inspector? I could not find the CSS code to edit.
    I can see it only on mobile, while video slide is off, but I did not find the way to emulate this state on a desktop browser to be able to edit CSS from Inspector.

    #683461

    Hey Egorro,

    Thank you for using Enfold.

    The fallback image script will render the fallback container on mobile devices only. You won’t be able to inspect it on desktop view. What do you want to change?

    Best regards,
    Ismael

    #683672

    I made my video slide to be bigger on mobile-size screen. I works perfectly on desktop, but fallback image on the phone has white stripes at top and bottom side.
    So, I wanted to resize the fallback image to fit the new size of the video slide.

    #684051

    Hi,

    Thanks for the info, could you post a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    #684088

    The fallback image is on the main page of http://swn.com.ua/

    May be there is a chance to temporary modify the js file like in this reply?
    https://kriesi.at/support/topic/video-background-mobile/#post-252474

    #685503

    Hi!

    How did you increase the size of the video? Use the following declaration to manipulate the fallback image:

    .av-mobile-fallback-image img {
       /* style here */
    }

    Best regards,
    Ismael

    #685875

    Thank you, it works. My code is:

    /* Main page slideshow correction */
    @media only screen and (min-width: 80px) and (max-width: 530px) {
      #top .avia-slideshow-inner {padding: 0px; height: 300px; width: 200%; transition: none 0s ease 0s; transform: translateZ(0px);}
    
    /* Fallback image correction */
    .av-mobile-fallback-image img {padding: 0px; height: 300px; width: 200%; transition: none 0s ease 0s; transform: translateZ(0px);}
    }

    Small problem is that Enfold loads cropped image from the beginning and we crop it again. Still, it is better than it was before.

    #686677

    Hi,

    Ok, thanks for the feedback. Not sure if you need any further help though?

    Best regards,
    Rikard

    #686801

    Thank you, you can close the topic.

    For those, who need to debug or inspect a site on Android:
    https://developers.google.com/web/tools/chrome-devtools/debug/remote-debugging/remote-debugging?hl=en

    #687837

    Hi!

    Thanks for sharing. :)

    Cheers!
    Ismael

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Inspector for mobile version of the site’ is closed to new replies.