Support » Plugin: Woo Align Buttons » It only works for chrome

  • Resolved j3ff50n

    (@j3ff50n)


    Hi, great plugin by the way, I installed it and it took immediate effect when I tried viewing it on a chrome browser, but I wanted to be sure of its compatibility with other browsers, on other devices, I used Mozilla and safari, on my Mac and iPhone, as well as the chrome app for iOS, it doesn’t seem to have any effect on those browsers. Please help, Thanks

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • j3ff50n

    (@j3ff50n)

    I was able to resolve my problem by adding a css code, I ran a few experiments and found out that the code to completely align the buttons work hand in hand with your plugin, because when I deactivated it, buttons dis-aligned, but when I turned it on + plus the code it was aligned properly.
    This is the code, it may help someone in need

    .woocommerce-loop-product__title {
    min-height: 100px;
    /* OR
    min-height: 100px !important; */
    }

    The product title block element “.woocommerce-loop-product__title” has to have a minimum height to work properly

    j3ff50n

    (@j3ff50n)

    ..

    Plugin Author 320up

    (@320up)

    You can also try using the latest beta version 3.6.0 of the plugin as it will automatically align the product titles as well as the buttons.
    You can download it at the bottom of the page Here.
    First you will need to deactivate and delete the current “Woo Align Buttons” plugin from your website, then go to “Add New” plugin, then “Upload Plugin”, then activate.
    As this plugin will handle the height of the “.woocommerce-loop-product__title” element, you will need to remove your min-height css code.
    Try it out and let us know if it works well for you.
    Cheers,
    320up

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘It only works for chrome’ is closed to new replies.