Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #572027

    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

    #572543

    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 5 years, 6 months ago by  Elliott.
    #575005

    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.

    #575249

    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

    #575323

    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:

    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

    #575346

    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

    #575423

    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.

    #576869

    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

    #579900

    Hi,

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

    Thanks.

    #581591

    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

    #657357

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

    Thanks for your support quiet a while ago.

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Display next section arrow in Layerslider’ is closed to new replies.