The variations products not responsive on mobile devices

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

  • Avatar: Elly
    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

    12 Answers
    Avatar: Rose Tyler
    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

    Avatar: Elly
    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

    Avatar: Rose Tyler
    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

    Avatar: Elly
    Elly
    Participant
    November 7, 2022 at 17:07

    hi yes I provided the user and password on private

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    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

    Avatar: Elly
    Elly
    Participant
    November 8, 2022 at 14:45

    Hi,

    send you again

    Please contact administrator
    for this information.
    Avatar: Elly
    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/

    Avatar: Rose Tyler
    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

    Avatar: Elly
    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/

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 9, 2022 at 07:49

    Hello,

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

    Regards

    Avatar: Elly
    Elly
    Participant
    November 9, 2022 at 09:24

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

    Avatar: Rose Tyler
    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

  • 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

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.