Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 14, 2020 at 4:03 pm #1173407
    Jon

    Hi,

    When you place a product slider or product grid into pagebuilder, it display the products into 1 single column
    Example: https://kriesi.at/themes/enfold-shop/

    How do i display the products into 2 columns or 3 columns ?

    Thanks

    January 15, 2020 at 12:58 pm #1173948
    Ismael

    Hey Jon,

    Thank you for the inquiry.

    You can use the following css code to adjust the default width of the product items on mobile view.

    @media only screen and (max-width: 767px) {
    .responsive #top #main .products .product {
	margin: 0 1% 1% 0;
	padding: 0;
	position: relative;
	width: 49%;
	margin-left: 0;
    }
}

    Best regards,
    Ismael

    January 16, 2020 at 3:44 am #1174733
    Jon

    Thank you
    How about 3 or 4 columns ?

    I adjust the width to 30% and 23%
    it did not work

    January 17, 2020 at 1:11 pm #1175361
    Ismael

    Hi,

    Thank you for the update.

    This should create a 3 column grid.

    .responsive #top #main .products .product {
    padding: 0;
    position: relative;
    width: 32%;
    margin-left: 0;
    float: left;
    clear: none;
}

    Adjust the width to 24% or 23% if you want to create 4 columns.

    Best regards,
    Ismael

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