Slides not changing on mobile view

  • Resolved nbcampus

    (@nbcampus)


    2 years, 9 months ago

    Hello

    Thanks for awesome plugin. I am using it for my webpage header slider. It is working as expected in desktop view but slides are not changing in mobile & tablet view.

    Can you please check and help ?

    Regards
    Nereaj

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi Nereaj,

    Looks like you’re trying to embed the same slider twice. MetaSlider doesn’t allow same metaslider id from getting embedded into the same page as it would cause a scripting issue.

    In order for both the slider to work, you need to duplicate the slider and use the duplicated slider id for your mobile display.

    Thread Starter nbcampus

    (@nbcampus)

    Hello Arreane

    Thanks for quick reply. I have only 1 slider in my web. I haven’t created any other slider.

    Regards
    Neeraj

    You are actually using one slider twice which is causing the JS conflict.

    One is added inside .ast-above-header container. This is used for the desktop view.
    https://share.getcloudapp.com/9Zumvzgm

    And the second one is added inside .ast-below-header. This is used for the mobile view.
    https://share.getcloudapp.com/qGu7PZrm

    Here’s another screenshot to make it more clear where the sliders reside https://share.getcloudapp.com/KouAxnE7

    I would suggest duplicating the slider and use the duplicated one for the mobile. This way, both sliders will run without a problem since you will now be using different slider IDs.

    Thread Starter nbcampus

    (@nbcampus)

    Appreciate your reply. it fixed the issue. You are awesome.

    That’s good news! Glad we are able to help. I’ll update the status as resolve now.

    Have a great day!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Slides not changing on mobile view’ is closed to new replies.

Tags