Urgent: Css issue v3.3.2 mobile devices

  • K

    (@luissimo)


    4 years, 2 months ago

    Hi,

    Since release v3.3.2 there seems to be an issue on mobile devices. The checkmark, image thumb, product title and product price show beneath eachother instead of on a single line. Which makes the page unnecessary large.

    See the following page on a mobile device/inspector: https://www.fonu.nl/caseme-vintage-wallet-case-hoesje-iphone-xr-bruin

    Prior to this release the checkmark/product title/image were inline which is also how it is showed on desktops and the preferred way.

    Can you please fix this in the plugin core?

    Thanks so much!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Any luck with adjusting the mobile view into a single line?

    Thread Starter K

    (@luissimo)

    @elizah2020 no not yet. Sure we can add some js/css to hotfix it but it should be fixed in the plugin core. Unfortunately there is no support here so we are thinking about implementing this functionality on our own.

    Thread Starter K

    (@luissimo)

    @elizah2020

    I don’t think this will be updated in the core soon.

    You can add this css to fix it in the meanwhile:

    @media only screen and (max-width: 767px) {
  .woobt-products .woobt-product {
     display: grid !important;
     grid-template-columns: 25px 50px 1fr 29px !important;
     text-align: left !important;
  }
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Urgent: Css issue v3.3.2 mobile devices’ is closed to new replies.

Tags