Buttons: alignment issues

  • Shrik

    (@saowp)


    6 years ago

    I observed that if I place a Buttons block immediately after a WooCommerce Hand-picked Products block, the alignment of the buttons gets disturbed (they get right aligned). Placing another block (non-spacer) between WooCommerce Products block and the Buttons block seems to solve this. Please check if this issue is replicable?

    • This topic was modified 6 years ago by Shrik.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Nikita

    (@nko)

    Hi.

    Looks like it is your theme bug. How it works with default theme:

    WooCommerce Archive with Ghost Kit Button

    Thread Starter Shrik

    (@saowp)

    Hullo, thank you for your response. Please look at https://testbuttons.000webhostapp.com/

    Active plugins:
    1. WooCommerce
    2. WooCommerce Blocks
    3. Ghost Kit

    Active theme: Storefront (WooCommerce default theme)

    Plugin Author Nikita

    (@nko)

    Hi.

    I see it has a bug in FireFox browser. In Chrome it is ok.

    You can try this custom CSS to quick fix:

    .ghostkit-button-wrapper {
    clear: both;
}

    Regards, nK.

    Thread Starter Shrik

    (@saowp)

    Thank you for looking into it, and the fix. As I mentioned earlier, there are other quick-fixes, including placing a non-spacer block between WooCommerce Products block and the Buttons block. One could also place the Buttons block within a 100% Grid. It would be nice if this bug were fixed natively so that future users don’t face issues.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Buttons: alignment issues’ is closed to new replies.