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

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
    Participant
    • Topics: 0
    • Replies: 22196
    • Total: 22196
    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
    Participant
    • Topics: 0
    • Replies: 22196
    • Total: 22196
    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
    Participant
    • Topics: 0
    • Replies: 22196
    • Total: 22196
    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
    Participant
    • Topics: 0
    • Replies: 22196
    • Total: 22196
    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
    Participant
    • Topics: 0
    • Replies: 22196
    • Total: 22196
    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
    Participant
    • Topics: 0
    • Replies: 22196
    • Total: 22196
    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.