Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 8, 2022 at 6:43 pm #1371790
    navindesigns

    Screenshot – https://ibb.co/gV9TtTH
    Dev Site – https://balrajt13.sg-host.com/

    On my homepage – https://balrajt13.sg-host.com/ – I have a partner section labelled – “Who Do We Fly With”, on desktop it looks great , i have set up to 5 columns but because of the odd number, it is showing up with an empty space on mobile (see screenshot above)

    how can i change this to 2×2 or 2×3 columns on mobile (basically using an even number instead of odd number on mobile so that space is not there)

    Thanks
    –

    November 9, 2022 at 4:00 am #1371838
    Nikko

    Hi navindesigns,

    Please add this CSS code in Enfold > General Styling > Quick CSS:

    @media only screen and (max-width:767px) {
    .responsive #top #wrap_all .avia-content-slider-odd .slide-entry.slide-parity-even {
        margin-bottom: 20px;
    }
}

    Hope it helps.

    Best regards,
    Nikko

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