• Resolved pags2k7

    (@pags2k7)


    I’m having an issue with responsiveness for this element. When in tablet mode the columns aren’t displaying correctly. I would appreciate any input on this error.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Rafin

    (@rafinkhan)

    Hi @pags2k7,

    I have found the issue you are facing. It was basically because of our styling getting overridden by the theme you are using. Regardless, you can try adding this following custom CSS:

    @media screen and (max-width: 767px) {
    
    .eael-product-grid .woocommerce ul.products .product, .eael-post-grid .woocommerce ul.products .product
    {
      width: 100% !important;
    }
    
    .eael-product-grid.eael-product-simple .woocommerce ul.products li.product .button.add_to_cart_button {
    
        font-size: 14px !important;
        display: block;
        text-align: center;
        padding: 6px;
        line-height: 20px;
    
    }
    
    }

    Let me know how it goes. This should resolve it.

    Thank you.

    Plugin Author Rafin

    (@rafinkhan)

    @pags2k7,

    Hi, there. I hope you are doing good. Has your issue been resolved now?

    Please let me know the update. Thank you.

    Thread Starter pags2k7

    (@pags2k7)

    Thanks for responding. I will try it in a couple of minutes.

    Thread Starter pags2k7

    (@pags2k7)

    Thank you for that and for your rapid response, the related products did work with mobile and ipad.

    The ipad version of the home page is still giving me issues though.

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

The topic ‘EA Product Grid’ is closed to new replies.