Glide: Responsive paddings

Created on 11 Jun 2017  路  1Comment  路  Source: glidejs/glide

With a high value for "paddings", the slider looks perfect in only one situation. As you make your screen width smaller, the paddings stay the same and the glide__slide divs become very small.

Is there a way to make responsive paddings, that change regarding the screen width?

A simple solution like giving the glide_slide a min-width will also solve the problem temporarily

feature request

Most helpful comment

Introduced with v3.0.0 release :)

Use breakpoints option when initializing glide. Example:

new Glide('.glide', {
  peek: 100,
  breakpoints: {
    800: { peek: 50 },
    480: { peek: 25 },
  }
}).mount();

>All comments

Introduced with v3.0.0 release :)

Use breakpoints option when initializing glide. Example:

new Glide('.glide', {
  peek: 100,
  breakpoints: {
    800: { peek: 50 },
    480: { peek: 25 },
  }
}).mount();
Was this page helpful?
0 / 5 - 0 ratings

Related issues

adambartosiewicz picture adambartosiewicz  路  3Comments

Danielvandervelden picture Danielvandervelden  路  4Comments

mxmtsk picture mxmtsk  路  5Comments

rhysstubbs picture rhysstubbs  路  5Comments

dkindnes picture dkindnes  路  5Comments