Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 6, 2014 at 4:40 pm #247927
    SonicCube

    Hello Team

    i have searched the web and the Forum here about this issue. I came across one other Thread in the Enfold Discussion, but no working solution has been posted there.

    Problem :

    Using Thumbnail Navigation with the layerslider in responsive mode, makes the thumbnails move in the middle of the slider on small browser window / Mobiles.

    SEE HERE : http://www.soniccube.ch/kunden/roadhouse/

    Thanks in Advance

    April 8, 2014 at 6:49 am #248625
    Dude

    Hi SonicCube!

    You can use a media query to change the position on smaller screens – i.e. insert:

    
@media only screen and (max-width: 767px){
.ls-thumbnail-wrapper{ margin-top: 55px; }
}

    into the quick css field to push the thumbnails 55px down on devices with a resolution of max. 767px.

    Cheers!
    Peter

    April 8, 2014 at 11:35 am #248732
    SonicCube

    Hello Peter

    thanks for your reply.

    This is the same code you posted in another thread, but unfortunately it does not work either on iPhone or Sony Mobile devices.
    We would need a solution where the thumbnails stick on the bottom of the slider no matter how the browser has been resized.

    It’s kinda useless as it is by now, because the thumbs will overlay the slider and if links have been set, it’s a mess to click on them.

    Is there not a solution for that ? I’d say it’s rather a bug than intended to work as that !?

    Thanks so much for your support Peter

    Regards

    Daniel

    April 10, 2014 at 8:52 am #249654
    Dude

    Hey!

    Right now I’m not aware of another solution. I’ll mark this thread for Kriesi though – if he considers this as a bug we’ll report it to the LayerSlider plugin author (the slider is a third party plugin and we just bundle the plugin with our theme). You can also try a different slider like: http://codecanyon.net/item/slider-revolution-responsive-wordpress-plugin/2751380 if you’re not happy with the LayerSlider.

    Cheers!
    Peter

    April 10, 2014 at 8:58 am #249657
    SonicCube

    Hello Peter

    thanks for your answer.

    Well, i’m happy with the slider ..it’s a fantastic one. Just as my client want’s the thumbnail navigation, i’m stuck with the issue that the thumbs do not keep in place when scaling the browser.

    Thanks i’ll wait for Kriesi’s answer then.

    Daniel

    April 13, 2014 at 4:23 am #250620
    Josue

    Hey Daniel!

    Try adding this code to the Quick CSS:

    .ls-thumbnail-wrapper {
    position: absolute !important;
    bottom: 0 !important;
}

    Cheers! 
    Josue

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Layer Slider Thumbnail Navigation | Position’ is closed to new replies.