Tagged: , ,

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • August 5, 2014 at 5:41 pm #300342
    mxm33

    Every time our site loads it stretches the first slide but then transitions to the second slide without issue and back to the first slide.
    It only stretches on the initial load? Can’t seem to find any errors either?

    http://l2l.ca

    Please help!?

    jw

    August 6, 2014 at 4:13 am #300482
    Ismael

    Hey mxm33!

    Thank you for using Enfold.

    On what browser and OS are you testing this? I can’t seem to see the stretched image on Chrome Windows 8.

    Regards,
    Ismael

    August 7, 2014 at 3:50 pm #301162
    mxm33

    I regularly use FF on OSX but have seen it on Chrome as well. Clients use Win/IE exclusively.
    Again, it only happens on the initial load of the first slide in the slider.. and once it loops it is fine.

    Please dump cache and try again.. not sure if it’s a jquery issue or something else with the slider.

    jw

    August 11, 2014 at 3:57 pm #302672
    mxm33

    Anyone else able to help us with this issue? ASAP!!

    jw

    August 12, 2014 at 2:35 pm #303208
    Yigit

    Hey!

    Do you mind creating a temporary admin login and posting it here privately so we can look into it?

    Best regards,
    Yigit

    August 12, 2014 at 3:43 pm #303262
    mxm33
    This reply has been marked as private.
    August 12, 2014 at 3:54 pm #303268
    Yigit

    Hi!

    Can you please review your website now? You may need to adjust left, right values of your layers. Currently first slide image fits perfectly on my end.

    Best regards,
    Yigit

    August 12, 2014 at 4:38 pm #303291
    mxm33

    Hey, what did you do? Everything is off centre now!?

    jw

    August 12, 2014 at 4:41 pm #303294
    mxm33

    Why would you have moved the text layer? This had nothing to do with the image being stretched!?

    jw

    August 12, 2014 at 4:44 pm #303299
    mxm33

    We’re not even seeing the image come up in the first instance of the slide.. only on the loop. WTF!?? You’ve actually made it worse!?

    jw

    • This reply was modified 10 years, 3 months ago by mxm33.
    August 12, 2014 at 4:45 pm #303302
    Yigit

    Hey!

    I have changed “responsive under” and “layers container” from 1140 to 1700 in LayerSlider WP > Slider Settings > Layout – http://i.imgur.com/E2YOJ5x.png
    EDIT: Set it back to 1140

    Best regards,
    Yigit

    August 12, 2014 at 5:06 pm #303326
    mxm33

    Here is what we see on the first instance, of the first slide of the slider; regardless of browser. You need to clear your cache first.

    jw

    August 12, 2014 at 5:19 pm #303335
    Yigit

    Hi!

    Try adding following code to Quick CSS

    @media only screen and (min-width: 1140px) {
div#first-slide img { height: 470px!important; }}

    Cheers!
    Yigit

    August 12, 2014 at 5:25 pm #303337
    mxm33

    Nope that didn’t work either. Why would this only be happening on the first instance of Slide 1? When the slider loops back to slide 1, it displays perfectly?

    August 12, 2014 at 5:38 pm #303350
    mxm33

    Win/IE and Win/FF places the image too high.

    Win/Chrome – PASS
    OSX/FF – PASS
    OSX/Safari – PASS
    OSX/Chrome – PASS

    Any more ideas? Should be just rebuild this slider?

    jw

    August 12, 2014 at 6:03 pm #303363
    mxm33

    Better.. only seems to be an issue now with Win/FF.

    Wondering why the image displays so differently in each browser? Some place it centered while others (Win/IE)place it flush left. Any ideas?

    jw

    August 13, 2014 at 5:37 am #303634
    Ismael

    Hi!

    Yes, please try to recreate the slide from scratch. Also, please add this on Quick CSS or custom.css:

    @media only screen and (min-width: 1140px) {
div#first-slide img { 
width: 100% !important; 
height: 470px!important; 
min-width: 100% !important; 
min-height: 470px!important; 
}
}

    Regards,
    Ismael

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • You must be logged in to reply to this topic.