I have got everything running as clean as i can 
My problem now is my add to cart and quantity up and down buttons are excessivley long on the joomla mobile I have attached a left screen shot and a right screen shot to show you my problem  


and this is what they see when they scroll to the far right of the screen to get to the add cart 


when someone clicks add to cart they are so far to the left on the screen that they can not see the cart status alert come us so they keep clicking add to cart.

Can some one please explain to me how i can fix this without effecting my desktop site
If i get this soughted I will be sure to purchase the premium product but if i cant work this out than i will have to look elsewhere


Your help is appreciated

What is URL of your site?

thanks doen

sorry i should have stated this is occuring on smartphone 

Add following css rule to templates/mobile_smartphone/css/custom.css:

#vmMainPage select, #vmMainPage input
{
  width: auto;
  display: inline-block;
  margin-bottom: inherit;
}

Note: I've update code above.

This did it perfect
Thank you for the prompt service 
I will be making a few more adjustments  to test the buying the pro version for sure

Is there a similar code to achieve the same results with the log in form that i have on the bottom of the page?

also i have assigned my postage calculator to mj-allfooter but it does not display why is this and how can i rectify this

Also will all these settings stay when i upgrade to pro or will i need to configure everything again?

samrex wrote:

replace #vmMainPage by #wrap to apply css rules to all page elements