Issues with woocommerce and mobile optimization

  • Resolved beautytobloom

    (@beautytobloom)


    7 years, 1 month ago

    Hi Guys, New user here! I really need help. I’ve just finished my site but i’ve noticed a few issues. First when a product is added to cart and you want to remove it, it takes a couple of clicks to get it removed, instead of one. When it is removed and you add another product and you go back to cart, that same product reappears. Very strange, lol

    No 2, when i’ve clicked on some of my product categories it has redirected me to a completely different product group. I’ve checked the links and they are correct. Don’t know what could be the issue.

    No 3, when viewed on mobile page 2 of my product pages are missing and you cannot click through to view them.

    Any suggestions, thanks guys. Tearing my hair out over here, lol.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator bcworkz

    (@bcworkz)

    7 years, 1 month ago

    Hiya, welcome to the forums! I’m sorry to hear of your troubles. I suggest you ask in the WooCommerce dedicated forum where the plugin devs and expert users can better help you.

    Thread Starter beautytobloom

    (@beautytobloom)

    7 years, 1 month ago

    Thank you, I will ask there. Do you know anything about headers? Mine looks faded.

    Moderator bcworkz

    (@bcworkz)

    7 years, 1 month ago

    The hero image under “Wear Your Mood”?
    Add this to the Additional CSS area of the customizer:

    .hero {
    color: rgba(245, 245, 245, 0);
}

    This rule is essentially like a scrim over the image. The final zero is opacity, 0 is clear, 1 is solid. The original value was 0.5. You might want to add something back in to let the text read better. If you lower the other three RGB numbers, the scrim will be less whitish. Use your browser’s element inspector developer tool to try different values until you find ones you like. Change the code in the Additional CSS area to reflect your final decision.

    Alternately or in addition to, you could just set the text area background to separate text from image. For example (added to Additional CSS):

    .hero-inner h1.page-title {
    background-color: rgba(200, 200, 200, 0.6);
}

    Same idea, alter transparency and RGB values to suit.

    Thread Starter beautytobloom

    (@beautytobloom)

    7 years, 1 month ago

    Worked like a charm bcworkz, you are a star. Thank you. Thanks guys for all your help.

    Thread Starter beautytobloom

    (@beautytobloom)

    7 years, 1 month ago

    Thanks.

    Moderator bcworkz

    (@bcworkz)

    7 years, 1 month ago

    Happy to help, you’re welcome.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Issues with woocommerce and mobile optimization’ is closed to new replies.