[Support request] Breakdown size for mobile

Home Forums Support Breakdown size for mobile

This topic contains 9 replies, has 2 voices, and was last updated by  David 2 months, 1 week ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1200461

    CCL Live

    Hello,

    I’ve an issue with mobile display of woocommerce section.
    For example, on this page: https://www.location-gopro.com/dev/categorie-produit/fixations/, i have on my mobile 4 products on the same line and one is out of the screen ! I would like to have only 2 products on each line.
    Where can I change the mobile breakdown size?
    Per advance, thank you

    Thibault

    #1200462

    CCL Live

    found the issue
    it’s coming from WP Rocket

    #1200511

    David Customer Support

    OK – is the issue now resolved ?

    #1200678

    CCL Live

    I just checked again and it don’t work anymore !

    I added in the CSS:

    @media (max-width: 767px) {
    .generate-columns {
    padding-left: 0 !important;
    }
    }

    It has worked for few moment but not anymore

    I would like to activate the mobile cache on WP Rocket because i got better page speed insight results on mobile.

    Thank you

    #1200686

    David Customer Support

    WP Rocket is messing with the CSS, i would suggest you raise a support ticket with them.
    In the meantime try this CSS to force the 4 columns to appear as 2:

    @media(max-width: 768px) {
        .woocommerce .wc-columns-container.wc-columns-4 .products {
            -ms-grid-columns: (1fr)[2] !important;
            grid-template-columns: repeat(2,1fr) !important;;
        }
    }
    #1200692

    CCL Live

    Thank you for the new CSS.
    I just add it and seems to work.

    For the single product, i would like to display everything on one column (title then pictures then text).
    It’s actually on two columns: picture on the left, text on the right.

    Do you have any idea?
    Per advance, thank you

    #1200720

    David Customer Support

    It would be better if you spoke to WP Rocket support and asked them how to fix the problem, otherwise we are possibly creating issues for the future.

    #1200727

    CCL Live

    ok thank you i’m opening a ticket
    keep you in touch

    #1200736

    CCL Live

    i just desactivated “optimize css loading” and seems to work but the speed insight score is worst

    #1200741

    David Customer Support

    The issue generally happens when CSS is Optimized ( combined or minified ). WP Rocket should be able to help eliminate that.

    Its also worth checking what is the real world speed difference – Better Pagespeed Insights scores do not necessarily mean it loads faster.

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.