Mark found two problems on the page. One I believe is with the class of <button>
that’s inside the <header class="headerMidia">
the class is misspelled. The name would be active you typed wrong! See how it is there without the letter "C" activate <button class="ative btn btn-outline-info showCarousel" .... >
as I mentioned in the comment!
But the problem with Slider is that one of them, probably the "illustration" must be with display:none
, since I believe I know Javascript is using some kind of "toggleClass" or .css
to do this. However, one of the Slides should already start with the display:none
defined.
To better understand see in the images.
Original image with BUG, note that there is no defined dispaly and neither of the two Sliders
Now notice that when you click on the Buttons it starts to change the type of the Display between a Button and another!
So just add display:none
in the second Slider for example for everything to work right, probably without having to touch the script you already have.
I don’t know if it will, but in
<button>
that’s inside the<header class="headerMidia">
the class is spelled wrong. The name would be active you misspelled! See how it is there, without the lyrics "C" activate<button class="ative btn btn-outline-info showCarousel" .... >
Although I don’t know if it will solve the main problem...– hugocsl