Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 11, 2021 at 8:06 pm #1309608
    Knutnik

    Hi there,

    why are the portfolio items displayed in portrait mode on the mobile in such a way that 1 in the first row but then 2 appear per row (see picture)?
    I would like to display 2 items per row in the desktop view, but only 1 per row on the smartphone in portrait mode.
    How do I do that?

    Thanks in advance.
    Regards
    Knutnik

    July 12, 2021 at 12:44 pm #1309757
    Ismael

    Hey Knutnik,

    Thank you for the inquiry.

    You can use this css code to adjust the width of all portfolio items in the grid and convert it to a single column on mobile view.

    @media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  .responsive #top .container .av-content-small,
  .responsive #top #wrap_all .flex_column,
  .responsive #top #wrap_all .av-flex-cells .no_margin {
    margin: 0;
    margin-bottom: 20px;
    width: 100%;
  }
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.