Add Button Dropping to next line on prod page

[projectwhiteboard]

See attached screen shot. The add quantity button is getting knocked down to the next line for some reason. Why is is occurring and is there a quick fix ?

[laranz – SUPPORT]

Hi,

Can you show me the link of the site, so I can check and let you know.. and in which browser?

Apologize for a late reply.

Let me know, what you got.

Thanks,
laranz.

[DAPPER-tekstenweb]

I am having this same problem, is there a solution yet? I Checked in Google Chrome, but your demo looks just fine http://themeforest.net/item/neighborhood-responsive-multipurpose-shop-theme/full_screen_preview/5086341

[laranz – SUPPORT]

Hi @DAPPER-tekstenweb,

Can you show me your website address? So I can check whats going on.

Thanks,
laranz.

[DAPPER-tekstenweb]

Sorry. http://galerietje.emeticus.nl/winkel/martijn-van-der-linden/rommelkatje/ But, and this is really strange, I saw this while at work. At a different computer. I am looking at the website from my computer at home now. And it seems to work just fine. If i see the problem at my work again, I will make a screenshot and provide details on the browser.

[laranz – SUPPORT]

Hi,

What browser you have in work, try disabling all plugins in work area and check that problem occurs or not.

Let me know, what you got.

Thanks,
laranz.

[projectwhiteboard]

Mine happened it Mac Safari, firefox, opera, and chrome.

Check here:

http://www.tanktopsunday.com/product/movember-open-season-tank/

[laranz – SUPPORT]

Hi,

Try to add this in Custom CSS.

.woocommerce .quantity .minus, .woocommerce .quantity input.qty, .woocommerce .quantity .plus { padding: 0; border: 0 }

Let me know, what you got.

Thanks,
laranz.

[projectwhiteboard]

It works fine in your desktop browser but doesnt look very good a smaller resolutions. It works great on your demo at smaller resolutions.

Also, there is a small button that appears in chrome that doesnt appear on your demo. how do I get rid of that? See attached.

[laranz – SUPPORT]

Hi,

Try to switch to parent theme, if you are using Child theme, and see this problem fixes.

or

Maybe some styles are missing, try this update the theme to the latest version, delete the old version and upload the new one. After update clear all the cache and disable all plugins.

Let me know, what you got.

Thanks,
laranz.

[DAPPER-tekstenweb]

http://www.galerietje.emeticus.nl

[projectwhiteboard]

I did all of that, and still doesnt work.

[DAPPER-tekstenweb]

Hi,

I added the custom CSS, and it seems to work fine now… Thanks!

[laranz – SUPPORT]

Hi @projectwhiteboard,

Did you add the Custom CSS, that I provide?

Let me know, what you got.

Thanks,
laranz.

[projectwhiteboard]

I did but still looked like crap on smaller screen sizes. So I added this:

.woocommerce div.quantity, .woocommerce div.buttons_added{ float:left;}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}

input.input-text qty text{
text-align:center !important;
}