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

This topic contains 1 reply, has 2 voices, and was last updated by  Forum Moderator 2 years, 7 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #21023

    Stuart 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: http://www.youngblooms.co.uk
    Example product page: http://postimg.org/image/d1342xtp1/

    #21027

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17689
    • Total: 17689
    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

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

You must be logged in to reply to this topic.