Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 25, 2023 at 12:12 pm #1405500
    ballindigital

    Hi,

    I want to show my products side by side in mobile view like company:

    Online Shop

    How can I do this?

    This is the website I’m building:

    https://www.rosevel.ie/shop/

    Thanks,

    Harvinder

    April 25, 2023 at 6:16 pm #1405570
    Rikard

    Hi Harvinder,

    The example site doesn’t seem to display products next to each other on mobile, could you post a screenshot highlighting what you would like to achieve please?

    Best regards,
    Rikard

    April 27, 2023 at 6:05 pm #1405847
    ballindigital

    Hi,

    I would like it to be like this:

    https://postimg.cc/k6D6k4cq

    It appears that the break point is 480px. I want it to stay so that it shows the products side by side.

    Thanks,

    Harvinder

    April 28, 2023 at 8:23 pm #1405962
    Mike

    Hi,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 479px) { 
.responsive #top #wrap_all #main .products .product {
    margin: 0 1% 1% 0;
    width: 49%;
}
}

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

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