[Support request] CAROUSEL CONTAINER NOT RESPONSIVE

Please login to receive premium support.

Support for the free plugin can be found here.

This topic has 1 reply, 2 voices, and was last updated 3 years ago by Tom.

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

Author

Posts
December 3, 2020 at 12:41 pm #23710
Andreas
Participant
Hallo, how can i make my container that has a wp show post carousel to respect the mobile / tablet responsivenes. it looks that wp show post / carousel icons are touching the edges of browser / mobile even if i have set up padding to them.

How it looks like – >
```
<aside>
<div class="grid-container">
	<div class="inner-custom-container">

[wp_show_posts id="527"]
</div>
			
	</div>
</aside>
	
```
And the preview of the demo site – > https://active-energy.bee.backtobuzz.com/v1/trinasolar/tsmdd06/

In some mobiles the icons are touching the edge , and in some other browsers they are hidden, what i am doing wrong here?
December 4, 2020 at 2:09 pm #23787
Tom
Keymaster
Give this CSS a shot:
```
@media (max-width: 768px) {
    button.slick-next {
        right: 10px;
    }

    button.slick-prev {
        left: 10px;
        z-index: 10;
    }
}
```
Let me know 🙂
Author

Posts

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

You must be logged in to reply to this topic.