Tagged: 

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

    Hi,

    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

    Tom

    #122715

    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;
    }

    }

    Regards,

    Devin

    #122716

    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

    Tom

    #122717

    Hi,

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

    Regards,

    Ismael

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.