Store List row on mobile

  • Resolved alt0160

    (@alt0160)


    4 years, 7 months ago

    Hi Team,

    I’m trying to get the store list row to show 3 stores in a row on mobile. Managed to make it work on desktop but on mobile, it remains as 1 per row. How do I make this work?

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author WC Lovers

    (@wclovers)

    Well, in mobile it always show as “1 column”.

    If you want to change then custom CSS will require.

    Between, how many stores you want to show in mobile in one row?

    Thank You

    Thread Starter alt0160

    (@alt0160)

    Thank for your reply. I’d like 3 Stores per row on mobile. What CSS do I need to insert?

    Plugin Author WC Lovers

    (@wclovers)

    But you have created this page with two columns. https://ibb.co/4FxL35B

    Thread Starter alt0160

    (@alt0160)

    correct. That is for desktop for mobile based on the shortcodes in your documents. However, this is not shown on mobile phones. On mobile phones, it still shows as 1 vendor per row.

    Plugin Author WC Lovers

    (@wclovers)

    Please first set per_row=”3″ at short code attribute and add this CSS for mobile view – 

    @media (max-width: 767px) {
#wcfmmp-stores-wrap .wcfmmp-stores-content ul.wcfmmp-store-wrap li {
    width: 33%!important;
    float: left;
}

    Thank You

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Store List row on mobile’ is closed to new replies.