Bakery Theme Woocommerce product details and related products title not showing

Home Forums All Other Themes Bakery Theme Woocommerce product details and related products title not showing

This topic contains 11 replies, has 3 voices, and was last updated by  Forum Moderator 2 years, 5 months ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #16091

    Stuart Farrimond
    Member
    • Topics: 13
    • Replies: 21
    • Total: 34
    Member since: November 9, 2015

    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!

    #16114

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17698
    • Total: 17698
    Member since: August 16, 2013

    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

    #16122

    Stuart Farrimond
    Member
    • Topics: 13
    • Replies: 21
    • Total: 34
    Member since: November 9, 2015

    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.

    #16123

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17698
    • Total: 17698
    Member since: August 16, 2013

    Hi Stuart,

    Thanks for the info.

    Regards,
    Shri

    #16136

    Stuart Farrimond
    Member
    • Topics: 13
    • Replies: 21
    • Total: 34
    Member since: November 9, 2015

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

    #16153

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17698
    • Total: 17698
    Member since: August 16, 2013

    Hi Stuart,

    Kindly remove smooth-scroll.js

    regards,
    Shri

    #16165

    Stuart Farrimond
    Member
    • Topics: 13
    • Replies: 21
    • Total: 34
    Member since: November 9, 2015

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

    #16167

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17698
    • Total: 17698
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Shri

    #16493

    Stuart Farrimond
    Member
    • Topics: 13
    • Replies: 21
    • Total: 34
    Member since: November 9, 2015

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

    #16569

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17698
    • Total: 17698
    Member since: August 16, 2013

    Great

    Regards,
    Shri

    #28564

    Erika
    Member
    • Topics: 1
    • Replies: 1
    • Total: 2
    Member since: March 26, 2016

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

    #28617

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17698
    • Total: 17698
    Member since: August 16, 2013

    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

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

You must be logged in to reply to this topic.