Return to previous page

The variations products not responsive on mobile devices

This topic has 13 replies, 2 voices, and was last updated 2 years ago ago by Rose Tyler

Elly

Participant

November 7, 2022 at 10:21

Hello Dear,

the variations products are not respansive on mobile devices and it shows very not very good I attached a screenshot please see below

https://we.tl/t-5cQK24vEgW

#338033 Copied Theme version: 8.3.6

12 Answers

Rose Tyler

Support staff

November 7, 2022 at 13:10

Hello,

Please provide URL of the product and temporary wp-admin access via the Private Content area.
Try to disable “Sticky Add To Cart Bar” via Theme Options > WooCommerce > Single Product Builder.

Regards

#338046 Copied

Elly

Participant

November 7, 2022 at 15:41

Hi,

I tried to install AMP but it seem the title and the price for products is very small and I want to also make character limit for the product titles is there any way to do this

thanks

#338069 Copied

Rose Tyler

Support staff

November 7, 2022 at 16:30

Hello,

“it seem the title and the price for products is very small ” – it is because of custom CSS code you used. Provide temporary wp-admin access, so we can take a closer look at where exactly you added the code.
“I want to also make character limit for the product titles is there any way to do this” – submit a request here – https://www.8theme.com/taskboard/ , so our dev team read it.

Regards

#338086 Copied

Elly

Participant

November 7, 2022 at 17:07

hi yes I provided the user and password on private

Please contact administrator
for this information.

#338088 Copied

Rose Tyler

Support staff

November 8, 2022 at 07:59

Hello,

We can’t log in, unfortunately. Please check credentials – https://prnt.sc/64FNBmFZUUtk

Regards

#338111 Copied

Elly

Participant

November 8, 2022 at 14:45

Hi,

send you again

Please contact administrator
for this information.

#338152 Copied

Elly

Participant

November 8, 2022 at 14:53

under AMP mode the prodcut Category page is also not responsive please check the link for example’s

https://berryfashion.de/product-category/sale/

#338154 Copied
Rose Tyler

Support staff

November 8, 2022 at 15:04
Hello,

Thanks for the reply.
Now I can see, it is not from custom code.
To change the font-size add the next code:
```
@media only screen and (max-width: 992px){
    li.product h2 {
        font-size: 1.1rem;
    }
    li.product-category h2, li.product .product-taxonomies, li.product .star-rating, li.product .price {
        font-size: 1rem;
    }
}
```
Regards
#338155 Copied
Elly

Participant

November 8, 2022 at 15:43

yes it works but the Product category seem still not responsive please see the below link in AMP mode

http://berryfashion.de/product-category/sale/

#338160 Copied

Rose Tyler

Support staff

November 9, 2022 at 07:49

Hello,

This problem is caused by the next code: https://prnt.sc/Y4otTncNuGHS

Regards

#338181 Copied

Elly

Participant

November 9, 2022 at 09:24

when I remove that piece of code the prodcut title character limits also not showing anymore

#338188 Copied
Rose Tyler

Support staff

November 9, 2022 at 10:06
Yes, because there is no such option.
You can try the next code:
```
li.product h2 {
    max-height: 45px;
}
```
> https://prnt.sc/4IXj212XVRHp
if this is not what you are looking for, submit the request about adding new options here – https://www.8theme.com/taskboard/

Regards
#338191 Copied
Tagged: mobile, products, responsive, templates, variations, woocommerce, wordpress
Viewing 13 results - 1 through 13 (of 13 total)

The issue related to '‘the variations products not responsive on mobile devices’' has been successfully resolved, and the topic is now closed for further responses

The variations products not responsive on mobile devices

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection