Okay
  Public Ticket #2764963
navigation slider
Closed

Comments

  •  1
    cristina crippa started the conversation

    HELLO
    I've already wrrote you many times,
    but the problem ins't fixed yet
    the dots for the navigation in slider gallery are separated and far from the pictures....is not very nice!


    it happens in all the pages, but not for all the posts...SOmetimes is correct...I'm going crazy...

  •  1,973
    Support replied

    Dear Cristina,

    We can offer two solutions you can try:

    1.  if you open /js/scripts.js and then look for function Sliders() and replace the highlighted line

    autoHeight:false,

    to

    autoHeight:true,

    hard refresh the page (Ctrl+F5) after making this change

    or

    2. hide the bothering dots with

    .slider .owl-controls {

         display:none

    }



    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •  1
    cristina crippa replied

    hello!' ve tried with autoHeight:true,
    but nothing is changed

    but if i delete the dots, how can people know they can slide the images?

    there is this problem in the themes from so long, the strange thing is that it happens only for some post. You think there is som problem in the images size or something else?

    thanks

  •  1
    cristina crippa replied

    even hiding the dots, a space will rest between the photo and the test of 

    description

  •  1
    cristina crippa replied

    hello again!

    i've noticed that the problem appears in the horizontal slider only, the verticals seem ok

    https://www.crippi.net/portfolio/portraits/

  •  1
    cristina crippa replied

    Hello.
    so...any news for me?

    i've noticed that the problem appears in the horizontal slider only, the verticals seem ok
    https://www.crippi.net/portfolio/portraits/

  •  1,973
    Support replied

    Hello Cristina,

    as much as I would want to help - this is the behavior of owl carousel

    and not sure which is the best option to put in the initialization:

    https://owlcarousel2.github.io/OwlCarousel2/docs/api-options.html


    https://prnt.sc/136ejd5

    in any case if you make changes don't forget to hard refresh the page (Ctrl+F5)

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •  1
    cristina crippa replied

    ok, which page of code i have to modify?
    thanks. i really hope to solve it?
    ydo you prefer i attach you some page to check it?



  •  1,973
    Support replied

    Hello Cristina,

    you just need to open /js/scripts.js and go to line 1944 and modify this bit:

    https://prnt.sc/13cdtrt

    $('.slider').owlCarousel({
           loop:true,
           margin:500,
           center: true,
           autoHeight:false,
           nav:true,
           navSpeed: 500,
           items:1,
    });

    just add the parameter separated by comma and check their documentation I absolutely don't know what's the best parameter for what you needfrown.png

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •   cristina crippa replied privately