NOTICE: We've Moved to a Ticket System for Support

As of August 31, 2017 (12am EST) our support forums will be retired (read-only), and we will be moving to a support ticket system. This will allow us to better organize and answer support requests, and provide a more personalized experience as we assist our customers.

For the time being, we will leave our forums open for reading and learning while we work on creating a more robust Knowledge Base for everyone to use.

If you are a WC Vendors Pro customer please open a support ticket here. 

If you are a WC Vendors user please open a support ticket on the Wordpress.org forums.

The information on this forum is outdated and in most instances no longer relevant. Please be sure to check our documentation for the most up to date information.

https://docs.wcvendors.com/

Thank you to all of our customers!

This topic has 6 replies, 2 voices, and was last updated 6 years, 10 months ago by Anna.

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
April 21, 2017 at 3:17 pm #62640

Robert Malton
Participant

Hi,

I’ve noticed that the vendorslist is not responsive on my website. In mobile devices the list appear left aligned. Can you help med to solve the problem?

http://www.galleriques.com/designers/

Thanks in advance,
Teresa

April 21, 2017 at 8:16 pm #62672

Anna
Member

Hello,
Please get in touch with your theme author to see how to properly style that page in the theme.
Likely you’d need to add a media query style to the css (style.css) in your child theme for that page so that it will not float left if viewed on a mobile device (smaller screen).

April 28, 2017 at 5:36 am #63624

Robert Malton
Participant

Hi Anna,

thanks for you reply. The new web design looks great by the way.

We wrote your suggestion to our theme author, but this is what they responded; Hi Teresa,

Hi Teresa,
Not sure why they are directing you to us – their CSS isn’t responsive, see here for example:

Not sure what they expect from our side, obviously you can add custom CSS to fix this, but to be honest it doesn’t look like something that the theme should be responsible for.

Appreciate if you can assist or advise, feels like we’re squeezed in between a little here… 🙂

Thanks in advance,
Teresa

April 28, 2017 at 9:58 pm #63687

Anna
Member

Robert,
Did you have someone style that page for you, then?
That is actually not how our vendors list page looks at all with our styling for the shortcode that displays the vendor list.

Would you please share your WooCommerce System Status also? (wp admin > woocommerce > system status)

I would like to help, but although that css says .wcv_vendorslist it has either been added or altered. If it was not done by your theme authors, then some one has changed it. So I;d at least need to know what has been done to even begin to help, or if it has been altered, we’d need to see how the page has been changed to be able to work with it.

June 8, 2017 at 6:43 am #67548

Robert Malton
Participant

Not sure what you mean? Ever since we downloaded the plugin it has always looked like that for us. Meaning we have not done any changes to it. We just downloaded a new version of the pro plugin and it appears just the way it always have. https://www.galleriques.com/designers/

Could you help us to make it look like it should then?

Thank you in advance!

June 12, 2017 at 3:43 pm #67862

Robert Malton
Participant

Hi again,
Could you get back to us on this? We feel a bit squeezed in between here. We’ve installed the plugin once again and it still not responsive in mobile nor desktop: https://www.galleriques.com/designers/

Could you help us to fix this?

Thank you in advance!

June 12, 2017 at 7:03 pm #67883
Anna
Member
@robertgalleriques-com
Hello,
If you go to this page on our dev site, you will see how our vendor list looks http://dev.wcvendors.com/stores/; it is quite different than what you have on that page. Are you using the shortcode [wcv_pro_vendorslist]? .

If you want it to be different, use the inspect tool on chrome or firefox (right click on the element; choose inspect) and find the media query used by your theme for mobile/responsive view or create your own css class to style that page when in mobile view : https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Something like this added to your theme/child theme style.css should do it:
```
@media only screen and (max-width: 479px) {
ul.wcv_vendorslist {
  margin-left:20%;
  }
}
```
Author

Posts