Vendor store list and vendor page issue

[richsen.steven]

I am looking for help to solve 4 matters. The image is in the same order as the points below. I only want to show the store name and star rating on the vendor page and vendor card on the store list page.
1. On mobile display, is it possible to remove the whitespace from the vendor card on the vendor store list page?
http://prnt.sc/r474ei

2. On mobile display, is it possible to remove the whitespace from the vendor header from the vendor store page? And to make the social logo bigger?
http://prnt.sc/r474nv

3. On tablet display, is it possible to remove whitespace from the vendor card on the vendor store list page?
http://prnt.sc/r474wl

4. On tablet display, something is wrong with the vendor header, the store logo and store name is cut in the middle, and in the end I want to remove the whitespace from the header as well. And to make the social logo bigger?
http://prnt.sc/r4763m

Thank you

[Sarmistha Chakraborty]

Hello,

Can you share us the vendor list page and vendor store page url of your site, then we can check your site and send you the style accordingly.

Thanks.

[richsen.steven]

Hi thanks for the reply

Store list page https://www.pasarkreatif.com/stores/

Sample vendor page
https://www.pasarkreatif.com/store/twntytw/

[Sarmistha Chakraborty]

Hello,

Add this style to your child theme’s style.css

@media only screen and (max-width: 768px) {
  #wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-footer .store-data-container {
    padding: 25px 0 0;
  }
}
@media only screen and (max-width: 1024px) {
	#wcfmmp-store #wcfm_store_header {
		min-height: 110px;
	}
	#wcfmmp-store .header_left,#wcfmmp-store .header_right {
		padding-bottom: 0 !important;
	}
	#wcfmmp-store .social_area {
		background: transparent !important;
	}
}
@media only screen and (max-width: 600px) {	
	#wcfmmp-store .social_area {
		margin-top: 0;
    	top: -15px;
	}
	#wcfm_store_header .wcfmmp-store-rating {
		top: -18px;
	}
	.theme-urus #wcfmmp-store .address {
		top: 80px;
		position: absolute;
	}
	#wcfmmp-store .social_area ul li a i {
		font-size: 16px;
	}
	#wcfmmp-store .social_area ul li {
		width: 30px;
    	height: 30px;
	}
}

Thanks.

[richsen.steven]

Hi,

Is it possible to shift the store name from the banner area to below the banner area as shown in the image
http://prnt.sc/rf88yc

[Sarmistha Chakraborty]

Hello,

For this you need to override “wcfmmp-view-store-lists-card.php” in your theme <your theme folder>/wcfm/store-lists/wcfmmp-view-store-lists-card.php. Then move the “Storename” after vendor logo.

Thanks.

[richsen.steven]

Can we remove the blank space shown in the screen shot below

http://prnt.sc/rw5gzb

[Sarmistha Chakraborty]

Hello,

Add this style to your child theme’s style.css

#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-footer .store-data-container {
    top: -150px;
}
.theme-urus #wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-content .store-info {
	height:160px !important;
}
#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-data .wcfmmp-store-rating:before {
	color:#fff !important;
	opacity:1;
}

Thanks.

[Author]

Posts