Home>Support>Problem with columns in WooCommerce

Problem with columns in WooCommerce

Hi
I have chosen some of my products to be displayed on the homepage.
i used this code:

[featured_products per_page = “8” columns = “4”]

And it works perfectly on the desktop, but when it comes to mobile, it does not work quite as well.

Image of the error:

View post on imgur.com

How do I make the buttons not stumble over each other?

Thank you!

Greeting
Daniel

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 9 months ago SiteOrigin
    Hi, I Work Here

    Hi Daniel

    Would it be possible for you to create a temporary admin account for us so we can log in and take a look? You can create the account with the following email address:

    [email protected]

    Just navigate to UsersAdd New in your WordPress admin. Enter siteorigin for the username and [email protected] for the email address. Make sure you’ve selected Administrator for the role and enabled the Send Password field so we receive the details.

    Once we’re finished taking a look, you can delete this account. We’ll let you know when to do that.

  2. 8 years, 9 months ago Private Message - SiteOrigin Hi, I Work Here

    This is a private message.

  3. 8 years, 9 months ago Private Message - WordPress

    This is a private message.

  4. 8 years, 9 months ago Private Message - Daniel Malmros Christiansen

    This is a private message.

  5. 8 years, 9 months ago Private Message - SiteOrigin Hi, I Work Here

    This is a private message.

  6. 8 years, 9 months ago SiteOrigin
    Hi, I Work Here

    Thanks, please, try now. We’ve changed the static width you had set of 200px to 100% and added box-sizing: border-box. Hope that helps.

  7. 8 years, 9 months ago Daniel Malmros Christiansen

    Thank you, it worked on the front page!.

    But I can see that it changed the size of the buttons on our shopping page? (PRODUKTER)
    How do I do the buttons on the shopping page the same as on the front page?

    I need exactly the same size on both pages :)

    Thanks again!

  8. 8 years, 9 months ago Daniel Malmros Christiansen

    I can see that after you have changed the buttons on the front page there is an error on the basket page :/

    Try to put something in the basket and see the buttons on the basket page.

    The hover function going crazy on the button Checkout (Gå til kassen)

  9. 8 years, 9 months ago Daniel Malmros Christiansen

    sorry for the spam!

    But the problem with the button on the basket page is unfortunately also on the checkout page.
    The button which lead you to the PayPal also goes crazy ;)

  10. 8 years, 9 months ago SiteOrigin
    Hi, I Work Here

    We can isolate the button changes to the home page using the home page body class. I’ll do that now.

  11. 8 years, 9 months ago SiteOrigin
    Hi, I Work Here

    Try now. Thanks.

  12. 8 years, 9 months ago Daniel Malmros Christiansen

    Thanks i just tried!
    It has worked with the button that sends customers to the PayPal, but unfortunately the checkout button (Gå til kassen ) still
    crazy when you hover it.

    I have put a red circle around the button that teases:
    http://i.imgur.com/iPSeQ38.png

    Thank you for understanding and all the help.

  13. 8 years, 9 months ago SiteOrigin
    Hi, I Work Here

    Try testing now. Thanks.

  14. 8 years, 9 months ago Daniel Malmros Christiansen

    I must say that the support is top! Thank you so much, it worked! :)

    My very last question must be whether I can hit the buttons only the shopping page and give them a width 100%, as the buttons on the front page?

  15. 8 years, 9 months ago SiteOrigin
    Hi, I Work Here

    Glad we could help, try now.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More