This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

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.

Need fast email support? Get SiteOrigin Premium

Replies

15
  1. Support Assistants 10 years, 1 month ago

    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. Support Assistants Private 10 years, 1 month ago

    This is a private message.

  3. WordPress Private 10 years, 1 month ago

    This is a private message.

  4. Daniel Malmros Christiansen Private 10 years, 1 month ago

    This is a private message.

  5. Support Assistants Private 10 years, 1 month ago

    This is a private message.

  6. Support Assistants 10 years, 1 month ago

    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. Daniel Malmros Christiansen 10 years, 1 month ago

    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. Daniel Malmros Christiansen 10 years, 1 month ago

    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. Daniel Malmros Christiansen 10 years, 1 month ago

    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. Support Assistants 10 years, 1 month ago

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

  11. Support Assistants 10 years, 1 month ago

    Try now. Thanks.

  12. Daniel Malmros Christiansen 10 years, 1 month ago

    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. Support Assistants 10 years, 1 month ago

    Try testing now. Thanks.

  14. Daniel Malmros Christiansen 10 years, 1 month ago

    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. Support Assistants 10 years, 1 month ago

    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.

Have a different question or issue?

Start New Thread