Columns are not aligned on the mobile view

  • Resolved siprof

    (@siprof)


    3 years, 10 months ago

    Dear Developer,

    Since Astra v3.3.0 the layout still broken, the last good version is v3.2.0

    How to reproduce the broken layout:
    1. Install Astra Starter Templates
    2. Import Organic Store
    3. Install Elementor Pro
    4. Build custom Products Archive via Templates > Theme Builder, enable it for Shop, Products Archive
    5. Visit Shop or Products Archive on mobile

    Here is the screenshot: https://imgur.com/a/D1yL9hp

    At first I thought it was caused by Elementor Pro, but when I switch to Hello Elementor or GeneratePress the broken layout is gone.

    Please help. Thank you.

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi @siprof,

    As of now, please use the following CSS to fix the issue

    .elementor-widget-container .woocommerce[class*="columns-"] ul.products li.product:nth-child(n), .elementor-widget-container .woocommerce-page[class*="columns-"] ul.products li.product:nth-child(n){
    margin-right:unset;
}

    I hope it will work.

    Kind regards,
    Herman ??

    Thread Starter siprof

    (@siprof)

    Dear Herman,

    Yea it works, thank you ??

    Regards,
    Lukas

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Columns are not aligned on the mobile view’ is closed to new replies.