Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #24200


    I’m testing on a sony xperia s with chrome as browser in portait view.

    In a variable product after selecting an option the amount select box appears but the add to cart button is not visible until you turn the phone into landscape position.

    Also the info below the box is messed (SKU, category)

    See phone screenshot: http://goo.gl/Qd5iL

    Any idea beside “use landscape mode” ;)

    Thank you



    Hi Tom,

    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    @media only screen and (max-width: 479px) {
    #top .single_variation .single_add_to_cart_button {
    width: 45%;
    #top .variations_button .button {
    width: 40%;
    float: right;
    .single_variation_wrap {
    margin-left: 5px;





    Hi Devin,

    thank you!

    It helped for the add to cart button but not for the others below:

    * sku, category and reset selection text is still overlapping

    * also below (see previous screenshot) in those tabs the “Produktbeschreibung” does not scale so it ends up with “Produktbeschrei” :)

    Thanks again




    Please give us the link to the actual website so that we can inspect it.



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

The topic ‘problem on mobile device, add to cart button unavailable and css messup’ is closed to new replies.