Bakery Pro: WooCommerce product additional information squashed in mobile view

Home › Forums › All Other Themes › Bakery Pro: WooCommerce product additional information squashed in mobile view

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • February 1, 2016 at 11:39 am #21023
    Stuart FarrimondStuart Farrimond
    Member
    • Topics: 13
    • Replies: 21
    • Total: 34
    Member since: November 9, 2015

    Hi there,
    On individual product pages, the additional info/reviews box appears distorted when viewed on a mobile device. The first column is squashed so that the text appears unreadable and ugly.
    Can this be fixed please (i.e. css rules, etc)?
    Thanks
    Stu

    Website: www.youngblooms.co.uk
    Example product page: http://postimg.org/image/d1342xtp1/

    February 1, 2016 at 11:51 am #21027
    Sonal S SinhaSonal S Sinha
    Moderator
    • Topics: 0
    • Replies: 31263
    • Total: 31263
    Member since: August 16, 2013

    Hi Stuart,

    Kindly go to Appearance>Theme Options>Basic Settings>Custom CSS box:
    And paste this css in custom box

    @media screen and (max-width:767px) {
    .tabs.wc-tabs, .woocommerce #content div.product .woocommerce-tabs .panel, .woocommerce div.product .woocommerce-tabs .panel, .woocommerce-page #content div.product .woocommerce-tabs .panel, .woocommerce-page div.product .woocommerce-tabs .panel { width:100% !important;}
    }

    Regards,
    Shri

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.