display not inline on mobile

  • Resolved atai

    (@atai)


    4 years, 9 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)

    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)

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

    Thread Starter atai

    (@atai)

    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)

    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
    – https://stephen.io/mediaqueries/

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘display not inline on mobile’ is closed to new replies.