Responsive slider layout that adjusts number of posts + gap to fit set width/ height

[user16305]

would love to be able to set a height for the slider and let the width be 100vw (full width of the page) and have the slider dynamically adjust the number of posts and gap size to fit.

[maxim (Maxim Smith)]

Hey @user16305 !
Maybe you can have a look around here!
If that’s not what you mean, then feel free to ask me or ask @Max and @Helga

[Max]

Hi there, @user16305 and welcome to the Community

1. Here is the code to set the widget’s height:

.eapps-instagram-feed-posts-slider,
.eapps-instagram-feed-posts-item,
.es-post-media,
.eapps-instagram-feed-posts-item-image-wrapper,
.eapps-instagram-feed-posts-item-image {
  height: 500px !important;
  padding-top: 0;
  object-fit: cover;
}

This code should be added to the Custom CSS field on the Style tab of your widget’s settings.

2. To make the widget full width, we need a link to the page where it’s installed. Could you please provide me with it?

3. In the Columns and Rows section on the Layout tab, you can either manually set the number of columns/rows or choose the Auto option. Additionally, you can set the mobile optimization there:

However, if these options don’t cover your use case, please elaborate on what you’d like to achieve