WooCommerce Shopping Cart Widget Layout Bug? - Support | Kriesi.at

Tagged: enfold, shopping cart, Widget, woocommerce

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

Author

Posts
June 11, 2014 at 10:04 am #277451

amazeingart
Participant

Possibly a bug here… using Enfold pretty much out of the box, as a child theme with no changes at all to any CSS yet. And the Woo Shopping Cart widget will not display without looking pretty broken (happens in 3 different browsers). Screenshot appended.

The buttons in the WooCommerce shopping cart widget don’t clear each other, so they only display (somewhat) acceptably at very large browser window widths. And the second button (checkout) also gets clipped by the sidebar layout, so only a portion of it displays. So at many widths they look completely broken. I tried using variations of “display: block” and “clear:both” in some trial adjustments to the child theme’s style.css file to fix this. But both buttons are < a > elements within a single < p > element and my own efforts did not fix the problem.

This is kind of a killer for an online store. Is this issue normal for the Woo cart widget with Enfold, or do I have some strange bug? I.e. are tricky CSS fixes needed out of the box to make this widget display cleanly? If they are, happen to know what to do?! ;)

Chris

WooCommerce cart widget display bug" />

June 12, 2014 at 4:34 am #277870

Devin
Inactive Moderator

Hey Chris!

Can we see the site and page with the widget live so we can inspect the css?

Regards,
Devin

June 12, 2014 at 7:11 am #277945

amazeingart
Participant

This reply has been marked as private.

June 12, 2014 at 10:11 am #277987
Dude
Participant
Hey!

You can use this css code to extend the button width to 100% and to align the buttons vertically:
```
    #top div .widget_shopping_cart .button {
        width: 100%;
        display: block;
    }
```
Some German users, etc. use this code because the translation of “View cart”, etc. requires more space.

Regards,
Peter
June 12, 2014 at 7:45 pm #278226

amazeingart
Participant

Thank you, that works well. Great support here.
Author

Posts