Support » Theme: Boutique » prices – on smartphone landscape mode

  • peraburek

    (@peraburek)


    Hello,

    I am using WordPress 4.4.2 + WooCommerce 2.5.5 + Storefront 1.6.1 + Boutique 2.0.1

    when you are looking at the prices on mobile view (smartphone for example) everything is fine on Portrait mode

    if you rotate your device to landscape mode, price that is located in top right corner will go completely to the right border

    I saw in CSS

    ul.products li.product .price

    right: 1px;

    Does anybody know how to fix that ?

    Thank you in advance

Viewing 3 replies - 1 through 3 (of 3 total)
  • Mikey Arce

    (@mikeyarce)

    Automattic Happiness Engineer

    Hi peraburek,

    Can you send me a screenshot of what you are seeing and let me know which mobile device you are using?

    Thanks so much!

    peraburek

    (@peraburek)

    Hello Mikey,
    you can see here:
    portrait: https://jumbo.iskon.hr/dl/71c5c605-4d78-4393-b26e-c81d5cdacd07
    landscape: https://jumbo.iskon.hr/dl/83fc0ce8-7743-4802-9e4a-ab32f1675d5c

    you can see how price went to the right margin on landscape mode

    mobile device: HTC ONE M8, browser: Firefox for Android

    I can send you link to my small online shop I am trying to adjust if you want to see this for yourself, but it is very easy to reproduce the issue even here

    http://demo.woothemes.com/boutique/shop/

    try it in resolution 360 x 640px and then on 640 x 360px you will see price went off the product to the right margin

    Mikey Arce

    (@mikeyarce)

    Automattic Happiness Engineer

    Hi peraburek,

    Thanks for the report! I was able to see the issue as well, here’s the CSS you can add for now to fix it:

    @media screen and (max-width: 767px) {
      #main .products .product {
        max-width: 500px;
        margin: 0 auto;
      }
    }

    I’ll be adding this to the theme in an update down the road.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘prices – on smartphone landscape mode’ is closed to new replies.