Some problems need help

Hello,

1. Add the .include-header Class to the .bd-example DIV.

2. Currently, the data-start attribute cannot be set dynamically. You can consider using PHP to set the data-start Attribute dynamically. You can consider using the following JS Code at the bottom of the Page:
   [ch_pre type="js"]let carousel = $('#oc-images');

$(window).on( 'pluginCarouselReady', function(){
carousel.trigger( 'to.owl.carousel', [7, 500] );
});[/ch_pre]

Change the #oc-images with the Carousel's DIV ID. And then change the Number: 7 in the code programmatically using JS according to your needs.

Consider using the CSS Code:
[ch_pre type="css"].owl-carousel .owl-nav [class*=owl-] {
opacity: 1 !important;
}[/ch_pre]

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Hello,

We have checked out your Codes and the issue appears to be with implementation errors. You can see that there are no JS Errors on your Page and the Owl Carousel Functions should work properly. Please double-check your Codes for the Owl Carousel trigger.

We have just checked this out in the Package Files and it works fine for us using this HTML:
[ch_pre]Jump To 7th Item[/ch_pre]

and this JS Codes:
[ch_pre type="js"]let carousel = $('#oc-images');

$('.carousel-jump').on( 'click', function(){
carousel.trigger( 'to.owl.carousel', [7, 500] );
return false;
});[/ch_pre]

Any further Customizations regarding this is your responsibility since we currently do not provide Customization related Support according to the Item Support Policy: https://themeforest.net/page/item_support_policy . You will need to manually code this or Hire a Freelancer to help you out.

Let us know if we can help you with anything else.