woocommerce storefront width mobile screen problem

Viewing 5 replies - 1 through 5 (of 5 total)
  • jessepearson

    (@jessepearson)

    Automattic Happiness Engineer

    7 years, 11 months ago

    It looks like you are using Storefront Powerpack and have added custom CSS to make the products align in two columns. If possible, would you be able to try the CSS provided here to see if it corrects the issue?

    https://ww.wp.xz.cn/support/topic/2-products-om-mobile-view-not-align/#post-10425447

    Additionally, if you have a valid license for the Powerpack, you can submit a ticket through your https://WooCommerce.com account for assistance.

    Thread Starter samuelmartin

    (@samuelmartin)

    7 years, 11 months ago

    Unfortunately those lines of code don’t help… The widget area in a mobile screen still does not take advantage of the full width of the screen… I am at a loss…. Can anyone help?

    Regards

    Kenin

    (@kbassart)

    Automattic Happiness Engineer

    7 years, 11 months ago

    Hi there,

    Since you are using Storefront Powerpack, we’d recommend opening a ticket with us on our site here: https://woocommerce.com/my-account/create-a-ticket/?

    Kenin

    (@kbassart)

    Automattic Happiness Engineer

    7 years, 11 months ago

    We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

    Thread Starter samuelmartin

    (@samuelmartin)

    7 years, 10 months ago

    Hi kenin:

    I got it resolved by adding the following code.

    @media only screen and ( min-width: 768px ) and ( max-width: 768px ) {
    #main {
    width: 48em;
    } }

    @media (max-width: 480px) {
    .widget-area {
    min-width: 110% !important;
    }
    }

    @media only screen and ( min-width: 481px ) and ( max-width: 767px ) {
    .widget-area {
    min-width: 105% !important;
    }
    }

    It works like a charm for me….

    This can be closed, yes.

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

The topic ‘woocommerce storefront width mobile screen problem’ is closed to new replies.