Tagged: ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 29, 2021 at 1:12 pm #1313254
    khaeberle

    Hello,

    Has anyone an idea how I can change the category pages for Enfold/WooCommerce only for mobile phones to show 2 columns of products instead of just 1? Is there a max-image size parameter I can use in my Child Theme?

    Thanks in advance,
    Karin

    July 30, 2021 at 5:23 pm #1313497
    Nikko

    Hi Karin,

    Please try adding this CSS code in Enfold > General Styling > Quick CSS:

    @media only screen and (max-width:767px) {
    .archive .products {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }
}

    Best regards,
    Nikko

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