Changed iphone to laptop but slider is wrong location

  • This topic has 2 replies, 2 voices, and was last updated 3 years ago by eazylearn. This post has been viewed 1605 times
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #10043846
    eazylearn
    Participant

    I replaced the iphone with a laptop but now the slider is wrong. Please help. I just want the slider to slide in properly.

    Thanks!



    Template Version: App Landing
    #10043848
    Support
    Keymaster

    Hello,

    1) Remove the customizations you did in the custom.css file related to that.

    2) HTML must be like:

    <div class="custom-carousel-1 m-auto">
    	<div class="owl-carousel owl-theme stage-margin nav-style-1 " data-plugin-options="{'items': 1, 'margin': 10, 'loop': true, 'nav': true, 'dots': false, 'stagePadding': 0, 'autoplay': true, 'autoplayTimeout': 5000}">
    		...

    3) CSS (css/custom.css)

    .custom-carousel-1 .owl-carousel {
        padding: 76px 0 0 67px;
    }
    
    .custom-carousel-1 .owl-carousel img {
        max-width: 490px;
    }
    
    .custom-carousel-1 .owl-carousel .owl-nav button.owl-prev {
    	left: -50px;
    }
    
    .custom-carousel-1 .owl-carousel .owl-nav button.owl-next {
    	right: 85px;
    }

    Hope that helps.

    Our Support Center is here to help all the buyers with questions related to the template, but not customization to the buyers needs. Please consider that for the next questions.

    Best Regards.


    #10043850
    eazylearn
    Participant

    Thank you!


Viewing 3 posts - 1 through 3 (of 3 total)

This topic is marked as "RESOLVED" and can not rceive new replies.