Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 18, 2016 at 1:06 pm #688102
    Frank1986

    Hi,

    I’d like to add buttons to my layerslider, such the ones of this site:

    http://lyonperformancesolutions.com/

    Can you help me? thank you

    September 19, 2016 at 9:01 am #688369
    Rikard

    Hey Frank1986,

    This might help you out getting started: https://support.kreaturamedia.com/faq/

    Best regards,
    Rikard

    September 19, 2016 at 10:41 am #688389
    Guenni007

    create a new text layer – edt transitions (from right to center or something else) – and here we go : edit Link & Attributes
    if the button has to have hover states it will be nice to have here a class (f.e. slider-button)

    see that little test here: Link

    September 21, 2016 at 9:43 pm #689996
    Frank1986

    Thank you all for your answers.
    I compared the layerslider and the fullpage slider and I choose fullpage slider because is more simple to use and works great.

    Now I have a problem that have been already faced in others conversation, such:

    Problem on mobile device with fullscreen slider

    I have created a fullpage slider but it look bad on mobile (only the central part). So I read on your previous post that is possible to create two sliders, one for desktop (fullpage) and the other for mobile (fullwidht).
    I’ve created the two sliders and I uploaded the images with the correct dimensions. But now I can’t make one to be shown only in desktop and the other to be shown only on mobile. I added your CSS codes etc etc but I think I am doing something wrong: they are still both shown on mobile and desktop. What do I have to do exactly? Thank you in advance
    (I’ve already turned on the Custom CSS class for ALB elements)

    Thank you

    September 22, 2016 at 9:54 pm #690421
    Guenni007

    you have to work with media querries:

    f.e. 

    @media only screen and (min-width: 989px) {
.mobile-slider {
display: none;
}
}

    so this slider is not shown if the screen width is more or equal to 990px

    you have to decide the split point for that – if the split point is 768px 

    @media only screen and (max-width: 767px) {
.desktop-slider { display: none !important; }}
@media only screen and (min-width: 768px) {
.mobile-slider { display: none !important; }}

    max and min width if it is above 768px the one is shown the other is not
    if it is beneath 768 vice versa – thats all

    September 24, 2016 at 7:34 am #691096
    Vinay

    Hi,

    Thank you @Guenni007 for extending your great support.


    @Frank1986     please try the above solution and let us know if you have more questions :)

    Best regards,
    Vinay

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