Top Seller Short Code Display Problem

[shaonmak]

Hi there, i hope all of you are having a great day!
So, i have a problem with the Top Seller Short code, Which is that “How can i set columns to display in my page”. what i mean by that is for now my top seller is display as a 1 column format, how can i make it to display 2 columns instead of 1?

[Sarmistha Chakraborty]

Hello,

Can you share us page URL where you are displaying “Top rated” seller, then we can guide you accordingly.

Thanks.

[shaonmak]

Good day,
This is the page URL : https://marketplace.latitudeinnovation.com.my/

Watch it on mobile version, on desktop version the column is in a 3 column 1 row format same with the featured products above, but in mobile version the format breaks, it no longer has the same number of columns and rows compared to the featured products section.

Thanks for the help!

[Sarmistha Chakraborty]

Hello,

Try this css in your theme’s style.css –

@media only screen and (max-width: 599px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.wp-block-column {
    flex-basis: calc(50% - 10px)!important;
    flex-grow: 0 !important;
	}

Thanks.

[shaonmak]

Good day!!

Just wanna update, it worked like a charm!!

Thanks for the help!!!

[Author]

Posts