display not inline on mobile

  • Resolved atai

    (@atai)


    5 years, 12 months ago

    Hello,

    I have installed this plugin on another web site but I have a problem on mobile display because I can’t see the quantity and add cart button in line
    I tried everything but I don’t have this result.
    Could you please help?
    Thanks

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Niels Lange

    (@nielslange)

    5 years, 12 months ago

    Hello @atai 👋 The following code should fix this issue:

    
/* Display quantity buttons inline on mobile devices */
@media only screen and (max-width: 600px) {
  .woocommerce div.product form.cart div.quantity {
    width: 112px;
  }
}
    Thread Starter atai

    (@atai)

    5 years, 12 months ago

    Hello Niels
    Thank you very much for your prompt reply
    It works perfectly now

    Thread Starter atai

    (@atai)

    5 years, 12 months ago

    Hello Niels, sorry to disturb you again but it seams that is not working properly on Iphone. Look like 112px is perfect for Android but not for IOS mobile.
    Also I have a problem on the cart page where I can’t properly set up the background color on the quantity with this plugin installed
    Many thanks

    Plugin Author Niels Lange

    (@nielslange)

    5 years, 12 months ago

    Hello @atai 👋 Please understand that I cannot provide full customization support on this issue. The plugin works great with other themes and while I’m happy to point you in the right direction, I cannot create every needed CSS snippet for you. I suggest looking up the following resources to learn how to modify the CSS code according to your needs:

    – https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
    – http://stephen.io/mediaqueries/

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘display not inline on mobile’ is closed to new replies.