Bakery Theme Woocommerce product details and related products title not showing

[Stuart Farrimond]

Hi there,
On the Bakery Pro theme, the webstore individual product listing has issues on mobile devices.
When the browser window width goes below about 750px, the description and the related products header disappears. (The review and additional information tabs also get messed up, but I have hidden these via css on mobile devices as a temporary workaround).
Both the related products header (h2) and the product description div are present (when using element inspector on Chrome/IE) but they are both empty.

Can you help please?
http://youngblooms.co.uk/new/ (example product: http://youngblooms.co.uk/new/product/classic-moment/ )

Thanks!

[Sonl Sinha]

Hi,

We found that the description and title of related products has missing color code. that’s why they are not visible. give them color property so they can visible in mobile version.

Regards,
Shri

[Stuart Farrimond]

Great thanks, sorted. (Quite strange that there was no colour to that already in the CSS.)

When clicking the review tab, the screen scrolls to the top, rather than opening the review tab – why is this?

Thanks

For your info, I found some errors in the css that seem to be generated by the theme: several instances of “background-color:1” This isn’t something I have added to custom CSS and doesn’t appear to be in the stylesheet.
I’m sure it’s a separate issue but thought would bring it to your attention as it may explain other problems people may experience (put it in pastebin here: http://pastebin.com/F8ijwp0B ) Hope this helps.

[Sonl Sinha]

Hi Stuart,

Thanks for the info.

Regards,
Shri

[Stuart Farrimond]

Why does the product page scroll to the top when clicking on the review (0) tab?

[Sonl Sinha]

Hi Stuart,

Kindly remove smooth-scroll.js

regards,
Shri

[Stuart Farrimond]

This isn’t in a plugin that I have added (to my knowledge). Where/how to I remove it without breaking the site?
Thanks,

[Sonl Sinha]

Hi,

It is in the js folder. just delete it from there.

Regards,
Shri

[Stuart Farrimond]

Thanks – that worked!
(I just renamed it to _smooth-scroll.js in case ever need to reinstate it)

[Sonl Sinha]

Great

Regards,
Shri

[Erika]

Which element id did you style to color the text in the woocommerce product? I am having a similar issue.

[Sonl Sinha]

Hi Erika,

Kindly go to Appereance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

@media screen and (max-width: 479px) {
.woocommerce .product{color:#666666 !important;}
}

Regards,
Brad

[Author]

Posts