Different number of columns on tablet/mobile

  • Resolved lemonncake

    (@lemonncake)


    1 year, 4 months ago

    Options such as the current grid or slider allow you to specify the number of columns in the pc version,
    You cannot specify the number of tablets or mobile columns.

    In particular, it is very regrettable that only one column is required on mobile. Is there a way to fix it to 2 columns on mobile? It seems impossible to modify in css. If possible, I would appreciate it if you could tell me how.

Viewing 5 replies - 1 through 5 (of 5 total)

  • I just solved this problem with CSS code. Add a class to the gallery, and then refer to it in CSS.

    @media (max-width: 767px) {
  .your-class .vp-portfolio__items {
    display: flex !important;
  }
  .your-class .vp-portfolio__item-wrap {
    width: 50% !important; // 2 columns
  }
}
    • This reply was modified 1 year, 4 months ago by platimati.

    platimati, It works cool, you don’t know how to solve the Slider problem. CSS code works. But there is a use Slider error. THAT is, it works but some white screen.

    @akylbek To trigger a notification about a mention of a username, you need to use the @ character, like this: @platimati

    @platimati It works cool, you don’t know how to solve the Slider problem. CSS code works. But there is a use Slider error. THAT is, it works but some white screen. @tobifjellner THANKS BRO.

    Plugin Author nK

    (@nko)

    Hi guys,

    We don’t have responsive options yet, everything is calculated automatically. You can use custom CSS provided by @platimati, but Carousel will required custom JS.

    Regards,
    Nikita.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Different number of columns on tablet/mobile’ is closed to new replies.