Return to previous page

Css Code for ajax product tab - by Kazi Sabit

This topic has 12 replies, 2 voices, and was last updated 1 years, 7 months ago ago by Kazi Sabit

Kazi Sabit

Participant

September 13, 2022 at 15:17

Can you give me css code wich will show 3 collumnt in ajax product tab (grid) in mobile. I can set collumn number only for desktop view.

#333937 Copied Theme version: 8.3

11 Answers

Rose Tyler

Support staff

September 13, 2022 at 16:15

Hello,

Please Provide URL of page with tabs and temporary wp-admin access.

Regards

#333944 Copied

Kazi Sabit

Participant

September 13, 2022 at 16:20

In the private content area

Please contact administrator
for this information.

#333945 Copied

Kazi Sabit

Participant

September 13, 2022 at 16:22

Ajax Product tab > Select Grid view > I want 3 Collumn in mobile view and 6 for desktop view (Which i can choose). But I cannot set collumn number for movile version.

#333946 Copied

Kazi Sabit

Participant

September 14, 2022 at 07:32

Hello?

#333992 Copied

Rose Tyler

Support staff

September 14, 2022 at 09:07

Hello,

You forget to provide the username. Please check.
Waiting for your reply.

Regards

#334015 Copied

Kazi Sabit

Participant

September 14, 2022 at 09:16

Ok. Given

Please contact administrator
for this information.

#334021 Copied
Rose Tyler

Support staff

September 14, 2022 at 13:05
Edit the page using Elementor and add the next code
```
@media only screen and (max-width: 480px) {
    selector .products-grid .product {
        width: 33.33%;
    }
    selector .row-count-6 .product:nth-child(2n+1) {
        clear: none !important;
    }
}
```
here https://prnt.sc/ySw8SHqqJ7UP

Regards
#334049 Copied
Kazi Sabit

Participant

September 14, 2022 at 15:33

I have sent video with issue explained

Please contact administrator
for this information.

#334073 Copied

Kazi Sabit

Participant

September 15, 2022 at 03:50

Hello….

#334106 Copied
Rose Tyler

Support staff

September 15, 2022 at 07:34
Hello @Kazi Sabit,

Thanks for your patience.
Check now https://prnt.sc/UM957J2iahPw > https://gyazo.com/077b96979cd7586f5e5a8c59d0aec519
```
@media only screen and (max-width: 480px) {
	selector .products-grid .product {
		width: 33.33%;
	}
	selector .row-count-6 .product:nth-child(2n+1) {
		clear: none !important;
	}
	selector .row-count-6 .product:nth-child(3n+1) {
		clear: both !important;
	}
}
```
Regards
#334116 Copied
Kazi Sabit

Participant

September 15, 2022 at 09:57

There is a big gap (marked with red arrow) when border layout enabled. How can i make this gap 0%? Pic link in the private

Please contact administrator
for this information.

#334148 Copied
Tagged: ajax, best selling, product, themes, woocommerce
Viewing 12 results - 1 through 12 (of 12 total)