Navigation
Archive / Carousel has whitespace on bigger resolutions
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • August 5, 2016 at 10:48 am #1119001
    redsnapdragons
    Participant

    Hey X team,

    My carousel has a blank space at the end on larger resolutions. I attached a screenshot below. Is there a way to make the carousel resize like it does on smaller screens?

    August 5, 2016 at 10:50 am #1119003
    redsnapdragons
    Participant
    This reply has been marked as private.
    August 5, 2016 at 7:13 pm #1119517
    Jade
    Moderator

    Hi there,

    You can add this under Custom > CSS in the Customizer.

    .slick-track {
    width: 100% !important;
}

.slick-track .slick-slide {
    width: 25% !important;
}

    Hope this helps.

    August 7, 2016 at 6:08 pm #1121259
    redsnapdragons
    Participant

    Unfortunately this didn’t work. It made my carousel disappear and there’s whitespace instead on smaller screen resolutions.

    August 7, 2016 at 8:38 pm #1121452
    Rad
    Moderator

    Hi there,

    I don’t see any blank space. Also, if your existing post counts doesn’t match your carousel or featured count setting in customizer, then it will really display a blank area.

    Example, if you only have 3 posts, or 3 featured posts but your carousel setting is displaying 4 items. Then the last one will be blank.

    Thanks!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1119001 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>