Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 26, 2016 at 11:34 am #572027
    Powtin

    Hi I have a question regarding the next section arrow from the colorsections. Is it possible to display this arrow also in the Layerslider?

    Thanks in Advance

    January 27, 2016 at 3:47 am #572543
    Elliott

    Hey Powtin!

    I don’t think the LayerSlider has any options for this. You could try adding your own image as a layer to each slide in the LayerSlider and then adding your own custom animation to it via CSS to make it hover up and down.

    Regards,
    Elliott

    • This reply was modified 8 years, 9 months ago by Elliott.
    January 30, 2016 at 2:48 pm #575005
    Powtin

    I used the Colorsection for this now. But the next problem is at hand is it possible to hide a collor section on mobile? Or do you have any suggestions how to solve that the picture is cut off on mobile vertically – horizontally it works fine.

    Thanks for your support! It really helps.

    January 31, 2016 at 11:30 am #575249
    Josue

    Hi!

    You can set a custom ID to the section and hide it on mobile with this:

    @media only screen and (max-width: 767px) {
#my_section{ display: none; }
}

    Alternatively you can also play around with how the background image is treated in mobile:

    @media only screen and (max-width: 767px) {
#my_section{ background-size: contain !important; }
}

    Best regards,
    Josue

    January 31, 2016 at 4:51 pm #575323
    Powtin

    Hi,

    the second version would be nicer for me! but some how it doesn’t change anything even going down to 250px width.

    I also tried this post:

    Image background in color section not responsive

    But it still doesn’t show the full width of the picture in upright position on my phone. In horizontal position it works just fine.

    Thanks.
    Konstantin

    January 31, 2016 at 6:41 pm #575346
    Josue

    Hi,

    Can you post the link to your website please?

    Try this code also:

    @media only screen and (max-width: 767px) {
#my_section{ background-size: 100% 100% !important; }
}

    Regards,
    Josue

    January 31, 2016 at 9:08 pm #575423
    Powtin

    Hi Josue,

    sadly it’s not working for me. I also emptied my cache on my mobile phone and tried reloading a couple of times. If you want I can also provide a temporary admin login.

    Thanks for your support.

    February 3, 2016 at 5:26 am #576869
    Ismael

    Hey!

    The css code is actually working but it distorted the image. You can try this instead:

    @media only screen and (max-width: 767px) {
#top_section {
    background-size: cover !important;
    background-position: 80% 50% !important;
}
}

    This will change the background position of the image. You might want to remove the text in the image and then use the slider’s caption settings. Please hard refresh before checking the page.

    Regards,
    Ismael

    February 8, 2016 at 9:18 pm #579900
    Powtin

    Hi,

    still not working. Actually I can’t see any changes.

    Thanks.

    February 11, 2016 at 1:02 pm #581591
    Andy

    Hey!

    clear browser cache and hard refresh a few times. Are you using any caching plugin? Check on another computer as well. You should see the changes.

    Best regards,
    Andy

    July 6, 2016 at 10:01 am #657357
    Powtin

    Just to close this topic. Worked somthing else out. Using Colorsection with background image.

    Thanks for your support quiet a while ago.

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Display next section arrow in Layerslider’ is closed to new replies.