Tagged: , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 5, 2016 at 5:39 pm #682294
    Egorro

    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.

    September 8, 2016 at 4:37 am #683461
    Ismael

    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

    September 8, 2016 at 12:58 pm #683672
    Egorro

    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.

    September 9, 2016 at 7:59 am #684051
    Rikard

    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

    September 9, 2016 at 10:10 am #684088
    Egorro

    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

    September 13, 2016 at 6:06 am #685503
    Ismael

    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

    September 13, 2016 at 3:54 pm #685875
    Egorro

    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.

    September 15, 2016 at 5:14 am #686677
    Rikard

    Hi,

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

    Best regards,
    Rikard

    September 15, 2016 at 10:24 am #686801
    Egorro

    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

    September 17, 2016 at 6:29 am #687837
    Ismael

    Hi!

    Thanks for sharing. :)

    Cheers!
    Ismael

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