Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 3, 2023 at 10:09 am #1421262
    woogie07

    Hi,

    I have the 4 column Blog post Classic set for my page. Looks great on desktop.
    On mobile this displays as 2 column , but ideally I want each post to display as 1 column on mobile.
    Is there a setting to change this or CSS code that can be added.

    Thanks

    October 3, 2023 at 11:53 am #1421276
    Ismael

    Hey woogie07,

    Thank you for the inquiry.

    You can add this css code to adjust the columns on mobile view.

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

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all .slide-entry {
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
  }

  .responsive #top #wrap_all .avia-content-slider-even .slide-entry.slide-parity-odd,
  .responsive #top #wrap_all .avia-content-slider-odd .slide-entry.slide-parity-even {
    margin-bottom: 20px;
  }

   .avia-content-slider .slide-image, .avia-content-slider .slide-image img {
     width: 100%;
   }
}

    Please toggle or temporarily disable the Enfold > Performance > File Compression settings to make sure that the changes take effect.

    Best regards,
    Ismael

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