Bakery Pro: WooCommerce product additional information squashed in mobile view

[Stuart FarrimondMemberTopics: 13Replies: 21Total: 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/

[Forum ModeratorParticipantTopics: 0Replies: 20575Total: 20575 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