Okay
  Public Ticket #1948352
2 slides
Closed

Comments

  • purple67 started the conversation

    Hello, I have a problem with a slider. I have 2 slides on it but I can only see the first, it didn't move , can you explain me how we can do for the first slide appear a few second and let the second slide appear and don't move. And how can I change the size of the slider on the mobile website because the slider is too small on the mobile website as you can see : https://millionaireclub.fr/ ,  thanks for all and for you help !

  • [deleted] replied

    Hello Purple67,

    Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.

    The Auto-start slideshow option is turned off for your slider. That is why it will not start the slider automatically. You will need to enable that in the Slider Settings. And also set the Cycles to 1, so the slideshow will stop after the first loop.

  • purple67 replied

    Hello, thanks for your answer !

    Can you tell me how to have the header menu on the top of the slider, because when second slides come we can see that the header menu is not on the slider but he is above 

  • [deleted] replied

    You will need to set a higher z-index value for your menu than the slider. You can set the z-index for the slider in the Slider Settings -> Appearance -> Custom Slider CSS field by entering z-index:1; or you could use a negative number if 1 still does not make it.

  • purple67 replied

    I tried what you told to me but no change ...

  • [deleted] replied

    Please check the z-index of your header menu and set a lower value than that. 

    Or if your page builder provides an option to set 'levels' on elements, you could also try that.

  • purple67 replied

    Hello,

    Can you tell me why the layer on my slider is very small on the mobile phone website ? How can I enlarge the layer ? Because when I click on the mobile phone slide in the setting it's the same size than computer and tablet, thanks for your help

  • [deleted] replied

    In a responsive slider layout, layers are also getting scaled to keep up with the slider's size changes. On very small screens it's possible that your layers get scaled down too much.

    You can adjust it two ways. Either by using the device specific layers, or by building a separate mobile slider.

    With the device specific layers you have the option to display layers only on certain devices (desktop, mobile, tablet). This feature gives you the option to create separate layers and layouts for mobile and desktop view in the same slide, and only show them on the required device. Furthermore, you also have the option to set a minimum font size for texts on mobiles.

    illustration-layer-devices@2x.png

    Additionally to the device specific layers, you could also build two sliders with different sizes or with different content for desktop/mobile, include them both to the site, and only display them (using the Hide over and Hide under options) on the required device.

  • purple67 replied

    thanks for your answer !

    Can you tell me where I can change the minimum font size for texts on mobiles with a screenshot please because I can't find it , thanks !

  • [deleted] replied

    It is in the Layers section -> Styles tab -> Text | Font & Style box.