Vendor store sidebar

We're shifting our Forum based support to a more dedicated support system!

We'll be closing our Forum support from 10th June, 2020 and move to Email Support assistance.

  • If you are a WCFM premium add-ons user, contact us- here
  • Want to know more before buying our add-ons? Send Pre sale queries- here
  • If you are a WCFM free user, please open a support ticket at WordPress.org
  • For WCFM App related queries, reach us- here
From now the forum will be read-only!

Viewing 7 reply threads
  • Author
    Posts
    • #41059
      roxanapaulart
      Participant

      1. I have a display issue with the vendor store sidebar. It doesn’t fit in.
      2. I set up [wcfm_stores per_row=”3″ per_page=”10″] but only 2 fit in. If set up to 2, only one store fit in the space.

      page: https://www.collectionofcards.com/vendors/

      and individual stores pages have the same issue

    • #41099
      WCFM Forum
      Keymaster

      Hi,

      Just checked.

      Actually, your template width is too small.

      DO you want to go with this?

      If yes, then I will give you tweak CSS for this.

      Thank You

    • #41127
      roxanapaulart
      Participant

      Yes, thank you.
      I would be grateful if you give me CSS to fix this.
      All the best.

    • #41146
      WCFM Forum
      Keymaster

      Hi,

      Please add this CSS to your site –

      #wcfmmp-stores-lists .left_sidebar, #wcfmmp-store .left_sidebar {padding: 2% 2px !important;}
      #wcfmmp-stores-lists .right_side, #wcfmmp-store .right_side{padding: 2% 2px !important;width: 73%;}

      And use this short code – [wcfm_stores]
      3 column view will not work in such small space.

      Thank You

    • #41179
      Roxana Paul
      Guest

      Thank you, the sidebar now fits in.

      The stores still cannot form 2 columns. Reducing the width in the CSS code above from 73% to 60% only moves the content to the right side. That creates a big margin on the left, but the second column is empty.

    • #41183
      WCFM Forum
      Keymaster

      HI,

      Do not change that CSS to 60%

      add this css as well –

      #wcfmmp-stores-wrap ul.wcfmmp-store-wrap li.coloum-2 {
          width: 45%;
      }

      Thank You

    • #41185
      Roxana Paul
      Guest

      Great, thank you very much. Now it looks wonderful on the computer screen. Is there any way to align it on the mobile screen? Somehow it all falls to the right side.

    • #41195
      WCFM Forum
      Keymaster

      Hi,

      Please add this responsive CSS after previously added CSS –

      @media (max-width: 767px) {
      #wcfmmp-stores-lists .right_side {
          width: 100%;
      }
      #wcfmmp-stores-wrap ul.wcfmmp-store-wrap li {
          width: 93% !important;
      }
      }

      Thank You

Viewing 7 reply threads
  • The topic ‘Vendor store sidebar’ is closed to new replies.